如何更換/使用父母身份證或刪除子類DIV

假設我想刪除的div包含just inside the "oneClass"的abc class並用另一個類的名稱替換它可能是"xyz"，請注意，我不希望內部"twoClass"的"abc class"被替換可以有人指導我如何實現它？如何更換/使用父母身份證或刪除子類DIV

<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>

請指引我在這裏。

來源

2017-06-22 Unbreakable

哪裏是你的jQuery代碼？ –

在jQuery中使用child selector >可以直接在oneClass下選擇類abc的元素。然後簡單地removeabc類和addxyz類去它。

$(".oneClass > .abc").removeClass("abc").addClass("xyz")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class = "oneClass" id = "oneId"> 
 
    <div class = "abc"> 
 
     Phil 
 
    </div> 
 
</div> 
 

 
<div class ="twoClass" id = "twoId"> 
 
    <div class = "abc"> 
 
     Heath 
 
    </div> 
 
</div>

來源

2017-06-22 05:31:10 H77

var a = $('.oneClass'); 
var childEle = a.children(); 
Array.prototype.forEach.call(childEle,function(ele) { 
    ele.classList = "xyz"; 
})

來源

2017-06-22 05:33:44

<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'); 

     };

試試這個。

來源

2017-06-22 05:34:26

find，removeClass和addClass做你想做的事情。

$('.oneClass').find('.abc').removeClass('abc').addClass('xyz');

.xyz{ 
 
    width: 500px; 
 
    margin: auto; 
 
    border: 3px solid #73AD21; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>

來源

2017-06-22 05:35:30

至於你的問題的標題是..

如何更換/刪除使用父ID

您需要使用父母的ID子類DIV ..！

$('#oneID > .abc').removeClass('abc').addClass('xyz');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>

來源

2017-06-22 05:36:52

如何更換/使用父母身份證或刪除子類DIV

回答

相關問題