Javascript 在.bind（'；单击'；）上，它没有删除第一个div

当我单击一个特定的div时，该div应该淡出，很简单，但当我单击其中一个div时，它会删除堆栈顶部的div，即当我单击#sel6时，它会删除sel5

HTML代码

<div id="selc_d" class="selc" style="position:absolute; left:15px; top:200px; width:260px;">

<div id="sel5" class="sel">something</div>
<div id="sel6" class="sel">something</div>
<div id="sel7" class="sel">something</div>

</div>

请注意此的用法<代码>此将包含单击的元素

你所做的是

var sel_id = $('.sel').attr('id'); 

在这种情况下，将始终选择第一个具有class

sel

的div，即id

sel5

###你想要什么##

某物
某物
某物
$（'.sel'）.bind（'click'，function（）{
var sel_id=$（this.attr（'id'）；
警报（sel_id）；
$（'#'+sel_id）.fadeOut（'slow'）；
$（'#'+sel_id）.remove（）；
$（'.search_box'）。追加（sel_1）；
});

请注意此的用法<代码>此将包含单击的元素

你所做的是

var sel_id = $('.sel').attr('id'); 

在这种情况下，将始终选择第一个具有class

sel

的div，即id

sel5

###你想要什么##

某物
某物
某物
$（'.sel'）.bind（'click'，function（）{
var sel_id=$（this.attr（'id'）；
警报（sel_id）；
$（'#'+sel_id）.fadeOut（'slow'）；
$（'#'+sel_id）.remove（）；
$（'.search_box'）。追加（sel_1）；
});

看起来，您正在尝试类似的操作

$('.sel').bind('click', function(){
    $this = $(this);
    $this.fadeOut('slow', function(){$this.remove();});
    $('.search_box').append(this.id);
});

---

看起来，你在尝试这样的事情

$('.sel').bind('click', function(){
    $this = $(this);
    $this.fadeOut('slow', function(){$this.remove();});
    $('.search_box').append(this.id);
});

---

那是因为你说的是$（'.sel'）

你需要抓取一个被点击的，而不是任何一个有这个类的。要想让它按你的意愿工作，就这样做

$('.sel').click( function() {
    var sel_id = $(this).attr('id');

    $(this).fadeOut('slow');

    // Wait for it to fade out before you remove it
    setTimeout( function() {
        $('#' + sel_id).remove();
    }, 1000 );


    $('.search_box:first').append(sel_id);
});

---

那是因为你说的是$（'.sel'）

你需要抓取一个被点击的，而不是任何一个有这个类的。要想让它按你的意愿工作，就这样做

$('.sel').click( function() {
    var sel_id = $(this).attr('id');

    $(this).fadeOut('slow');

    // Wait for it to fade out before you remove it
    setTimeout( function() {
        $('#' + sel_id).remove();
    }, 1000 );


    $('.search_box:first').append(sel_id);
});

---

你到底想做什么？你刚刚编辑说

$（'.selc_d'）。bind（'click'，function（）{

）现在更错了，因为你没有该类的元素！你到底想做什么？你刚刚编辑说

$（'.selc_d'）。bind（'click'，function（）{

现在这个错误更大了，因为您在该类中没有元素！我的错误。请再次检查jquery代码问题editedIt仍然看起来不正确，

var sel_id=$（'.sel'）.attr（'id'）；

该代码永远不会为您正在单击的元素获取正确的id，只有第一个。@lizard我将问题更改为'$（'.selc_d'）.bind（'click'，function（）{'我知道，不正确的行是

var sel_id=$（'.sel'）.attr（'id'）；

请将其更改为this.id或$（this.attr（'id'））奇怪的是，点击没有发生在.sel上。我知道这应该发生，但没有发生我的错误。请再次检查jquery代码。问题editedIt仍然不正确，

var sel_id=$（'.sel'）.attr（'id'））

该代码永远不会为您正在单击的元素获取正确的id，只能获取第一个。@lizard我将问题更改为“$”（'.selc_d'）。bind（'click'，function（）{“我知道，错误的行是

var sel_id=$（'.sel'）。attr（'id'）；

请将其更改为this.id或$（this.attr（'id'））奇怪的是，点击没有发生在.sel上。我知道它应该发生，但没有发生。将问题编辑到$（'.selc_d'）。bind（'click'，function（）{将问题编辑到$（'.selc_d'）。bind（'click'，function（））{