以相同初始名称开头的类的 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());                              
});