Javascript 如何使用父ID或DIV替换/删除子类

假设我想删除

div中包含的
中的
abc类，将其替换为另一个类名，可能是
“xyz”
，请注意，我不想替换
“two class”
中的
“abc class”
，有人能指导我如何实现它吗

<div class = "oneClass" id = "oneId">
        <div class = "abc">  // NOT ALLOWED TO ADD ANYTHING HERE
            Phil
        </div>
    </div>

    <div class ="twoClass" id = "twoId">
        <div class = "abc">  // NOT ALLOWED TO ADD ANYTHING HERE
            Heath
        </div>
    </div>


//不允许在此添加任何内容
菲尔
//不允许在此添加任何内容
荒地

应用jquery或javascript后，输出应为

<div class = "oneClass" id = "oneId">
        <div class = "xyz">  // CLASS NAME GOT CHANGED
            Phil
        </div>
    </div>

    <div class ="twoClass" id = "twoId">
        <div class = "abc">  // CLASS NAME REMAINES SAME
            Heath
        </div>
    </div>


//类名已更改
菲尔
//类名保持不变
荒地

请在这里指导我。
使用jQuery中的选择
abc
类的元素，该元素直接位于
oneClass
下。然后简单地将
abc
类和
xyz
类添加到它


$（.oneClass>.abc”）.removeClass（“abc”）.addClass（“xyz”）

菲尔
荒地
使用jQuery中的选择直接在
oneClass
下带有class
abc
的元素。然后简单地将
abc
类和
xyz
类添加到它


$（.oneClass>.abc”）.removeClass（“abc”）.addClass（“xyz”）

菲尔
荒地

//不允许在此添加任何内容
菲尔
//不允许在此添加任何内容
荒地
函数find（）{
$（'div#oneID'）.childern（'div'）.addClass（'success'）；
$（'div#oneID'）.childern（'div'）.removeClass（'success'）；
};

试试这个。

//不允许在此添加任何内容
菲尔
//不允许在此添加任何内容
荒地
函数find（）{
$（'div#oneID'）.childern（'div'）.addClass（'success'）；
$（'div#oneID'）.childern（'div'）.removeClass（'success'）；
};

试试这个。
查找
，
删除类
和
添加类
像这样做


$（'.oneClass'）.find（'.abc'）.removeClass（'abc'）.addClass（'xyz'）
.xyz{
宽度：500px；
保证金：自动；
边框：3px实心#73AD21；
}

//不允许在此添加任何内容
菲尔
//不允许在此添加任何内容
荒地
查找
，
删除类
和
添加类
像这样做


$（'.oneClass'）.find（'.abc'）.removeClass（'abc'）.addClass（'xyz'）
.xyz{
宽度：500px；
保证金：自动；
边框：3px实心#73AD21；
}

//不允许在此添加任何内容
菲尔
//不允许在此添加任何内容
荒地
您应该使用父div的id

$（'#oneID>.abc'）.removeClass（'abc'）.addClass（'xyz'）；


$（'#oneId>.abc'）.removeClass（'abc'）.addClass（'xyz'）
.xyz{
宽度：100px；
高度：100px；
背景色：红色；
}
您应该使用父div的id

$（'#oneID>.abc'）.removeClass（'abc'）.addClass（'xyz'）；


$（'#oneId>.abc'）.removeClass（'abc'）.addClass（'xyz'）
.xyz{
宽度：100px；
高度：100px；
背景色：红色；
}

您的jquery代码在哪里？jquery代码在哪里？
var a = $('.oneClass');
var childEle = a.children();
Array.prototype.forEach.call(childEle,function(ele) {
    ele.classList = "xyz";
})

<div class = "oneClass" id = "oneId">
        <div class = "abc">  // NOT ALLOWED TO ADD ANYTHING HERE
            Phil
        </div>
    </div>

    <div class ="twoClass" id = "twoId">
        <div class = "abc">  // NOT ALLOWED TO ADD ANYTHING HERE
            Heath
        </div>
    </div>

        function find(){

            $('div#oneID').childern('div').addClass('success');

            $('div#oneID').childern('div').removeClass('success');

        };