对于以相同初始名称开头的类，jquery单击事件

Question

我动态添加了多个div。类名称为“result _”+ id，其中id来自数据库表。

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

---

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

例如，我可以编写如下的css来解决所有具有以字符串“result”开头的classname的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()进行绑定事件。您可以将事件委托给doucment或动态添加元素的父元素。

<强> Live Demo

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

你可以像这样var selection = $(ev.target).attr("id");得到div的id，其中ev是event，然后你可以应用jquery的click函数，如$(selection).live('click',function(){//ur code here });