jquery - 我如何知道我属于哪个 id 范围？

Question

我有一些具有类似内容和链接的 div，图像等请求扩展 jQuery 函数。

div 具有唯一的 id，但其内容具有相似的字段和结构。

例如，HTML 是:

 <div id="bar1">
   <some xhtml><input type="textbox" class="searchTxt" />
   <some xhtml><img class="notify" src="blank.gif" />
 </div>
 <div id="bar2">
   <some xhtml><input type="textbox" class="searchTxt" />
   <some xhtml><img class="notify" src="blank.gif" />

 ...

还有 jQuery:

$('.searchTxt').click(function(obj) {
    //now here I want to know which searchTxt that was clicked,
    //so I can change the img-source..
    //without parent().parent() that may fail since div-content may vary.
});

编辑:
这在一定程度上是一个糟糕的例子，因为 jQuery 不会修改任何内容，而且它总是可用的..
想象一下两个 div 中的图像应该被点击功能隐藏。
示例已更新。

这里正确的道路是什么？

Answer 1

您可以使用closest()使用选择器:

$('.searchTxt').click(function(obj) {
    alert($(this).closest("div[id^='bar']").prop("id"));
});

Demo: http://jsfiddle.net/AndyE/bR3xv/1/

或者，您可以将事件处理程序添加到 <div>元素并允许事件传播到它。 event.target将引用文本元素和 this将引用 div:

$('div[id^="bar"]').click(function (evt) {
    if (evt.target.className == "searchTxt")
        alert(this.id);
});

Demo: http://jsfiddle.net/AndyE/bR3xv/