1

$("child").remove() または $("child").empty() を使用すると、ページからすべての子要素が削除されます。1 つの親要素から子要素のみを削除します。このページにはさらに多くの親クラスがあるため、ユーザーがボタンクラスをクリックしたときにのみ親からコンテンツを削除できます..親クラスと同じレベルのbutton_parentクラス

<div class ="button_parent"><div class ="button"></div></div>
    <div class = "parent">

        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div> 
    </div>
<div class ="button_parent"><div class ="button"></div></div>
    <div class = "parent">
        <div class ="button"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div> 
    </div>
<div class ="button_parent"><div class ="button"></div></div>
    <div class = "parent">
        <div class ="button"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div> 
    </div>
<div class ="button_parent"><div class ="button"></div></div>    
    <div class = "parent">
        <div class ="button"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div> 
    </div>
<div class ="button_parent"><div class ="button"></div></div>
    <div class = "parent">
        <div class ="button"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div> 
    </div>
<div class ="button_parent"><div class ="button"></div></div>    
    <div class = "parent">
        <div class ="button"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div>
        <div class= "child"></div> 
    </div>
4

2 に答える 2

3

.remove()要素を削除しますが.empty、コンテンツを削除するだけです。とにかく..コンテキストとしてchild使用してdivを削除する必要がありますparent

$('.parent').click(function () {
   $(this).find('.child').remove();
});

HTMLの場合：

<div class ="button_parent"><div class ="button"></div></div>
<div class = "parent">

    <div class= "child"></div>
    <div class= "child"></div>
    <div class= "child"></div>
    <div class= "child"></div> 
</div>

できるよ

$('.button').click(function() {
    $(this).parent() //this will be .button_parent
           .next()   //next node is .parent
           .find('child')  //find all child in .parent 
           .remove()       //remove them
});

divを使用できるのは、内部に存在する唯一.empty()の.childdivです。.parent

于 2012-10-31T19:01:41.470 に答える
-1

その場合、cssセレクターの代わりにidを使用する方が良いです

この操作を維持するdivに明確なIDを指定します。クラスをそのまま維持し、操作を実行するdivにのみidを適用できます。

<div class = "parent" id="operation">
    <div class= "child"></div>
    <div class= "child"></div>
    <div class= "child"></div>
    <div class= "child"></div> 
</div>
于 2012-10-31T19:03:21.070 に答える