javascript - 如何代理通过函数内部的 jQuery.find() 创建的每个元素的上下文？

Question

$("#List").find ("li").click ($.proxy(function () {
        alert (this);
}, this));

this - 在这种情况下是全局上下文。如何分别代理每个创建的 LI 的上下文？假设 LI 元素是选择器，所以

<li>1</li>
<li>2</li>
<li>3</li>

然后我需要为每个 LI 绑定(bind)一个点击，以便将 li.text() 或 li.attr("data-whatever") 推送到另一个函数。

是否可以通过 .find() 或是否需要循环？

Answer 1

jQuery 足够聪明，可以分别绑定(bind)匹配集的每个成员。所以，你可以简单地做:

$("#List").find("li").click(function () {
    alert(this);
    console.log('text::', $(this).text());
});

DEMO