javascript - 以相同初始名称开头的类的jquery单击事件

Question

我动态添加了多个 div。类名以“result_”+id 的形式给出，其中 id 来自数据库表。

<div class="result_137">Gaurab Dahal</div>
<div class="result_138">saurab dahal</div>

---

如何编写单击事件，以便它可以添加单击它的 div。

例如，我可以编写如下所示的 css 来处理所有类名以字符串“result”开头的 div。

div[class^="result"]{
    padding:5px;
    width:490px;
    background: rgba(204,204,204,0.5);
    font: 12px arial, verdana, sans-serif;
}

Answer 1

对于动态添加的 div，您需要我们on()来绑定事件。您可以将事件委托给文档或动态添加元素的父元素。

现场演示

$(document).on('click', 'div[class^=result]', function(){
    alert($(this).text());                              
}); 

Answer 2

由于您已动态添加 div，因此：

$(function(){    // ready handler required
    $(document).on('click', 'div[class^=result]', function(){ // .on in your case
        alert($(this).text());                               // will be helpful
    });
});

Answer 3

您可以像这样获取 div 的 id，var selection = $(ev.target).attr("id");其中 ev 是事件，然后您可以像这样应用 jquery 的点击功能$(selection).live('click',function(){//ur code here });