私は今、私はクラスが<code>testbox</code>ある玉葉押されたときには、div要素を削除する必要があることを、ボタンを持って、次のHTML</p> <pre><code><div class='rightbox'> <div class'testBox'> </div> </div> </code></pre> <p>を生成し、JavaScriptを持って見つけて、純粋なJavaScriptの

Question

を使用して特定の要素を削除します。今の場合でも、testBoxがrightboxの最初の子であるとは限りません。

どうすれば見つけて削除できますか？その後、それが子どもとしてrightbox内に存在するかどうかテストしますか？

Answer 1

たとえば、querySelector()を使用して要素を見つけてからparentNodeとremoveChild()の組み合わせを使用して削除します。

var el = document.querySelector('.testBox'); 
el.parentNode.removeChild(el); 

Example Fiddle

Answer 2

（注）この

$(".rightBox").find("div").eq(0).remove(); 
$(".rightBox").find("div.testBox").remove(); 

を試してみてください。これは、jQueryの

Answer 3

var testBoxes = Array.prototype.slice.call(document.querySelectorAll('.testBox')); 

testBoxes.forEach(function(testBox) { 
    testBox.parentNode.removeChild(testBox); 
}); 

Answer 4

var els = document.getElementsByTagName("div"); 
var el; 
for(var i = 0, ceiling = els.length; i < ceiling; i++) { 
    el = els[i]; 
    if(el.className == "testbox") { 
     el.parentNode.removeChild(el); 
     break; 
    } 
} 

var presentAsChildWithinRightbox = false; 
for(var i = 0, ceiling = els.length; i < ceiling; i++) { 
    el = els[i]; 
    if(el.className == "rightbox") { 
     var childNodes = el.childNodes; 
     for(var j = 0, ceiling2 = childNodes.length; j < ceiling2; j++) { 
      if(childNodes[j].className == "testbox") { 
       presentAsChildWithinRightbox = true; 
       j = ceiling2; 
       i = ceiling; 
      } 
     } 
    } 
} 
if(presentAsChildWithinRightbox) 
    alert("A div with classname childbox has a child div with classname testbox"); 
else 
    alert("A div with classname childbox does not have a child div with classname testbox");