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()用于绑定(bind)事件。您可以将事件委托(delegate)给文档或动态添加元素的父元素。

Live Demo

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