如何使用jQuery查找最近的元素
如何使用jQuery查找最近的元素
提问于 2010-09-02 08:50:40
我有以下HTML代码：
<td>
<input type="text" size="40" value="" name="related_image" id="related_image">
<input type="button" class="button addImage" value="Get image url">
</td>
<td>
<input type="text" size="40" value="" name="alternative_image" id="alternative_image">
<input type="button" class="button addImage" value="Get image url">
</td>我需要确定单击哪个按钮，然后向最近的输入文本字段添加一些文本。
例如，如果我单击第一个<td>中的按钮，那么我需要在related_image文本字段中输入一些文本。
我尝试过在jQuery中使用以下代码，但它不起作用：
jQuery('.addImage').click(function() {
var tmp = jQuery(this).closest("input[type=text]").attr('name');
alert(tmp);
});(我只是为了测试而检索输入名称。)
我想我可能不得不使用find和/或siblings。但我不太确定是怎么做到的。
感谢您的帮助。
编辑
我只是设法使用了这段代码
addImageEvent = jQuery(this).prevAll("input[type=text]:first")
使用prevAll是一个糟糕的选择吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2010-09-02 08:52:46
尝试：
var tmp = $(this).siblings(":text").attr("name");您正在使用的closest()方法查找最接近的祖先，这不是您在这里想要的。
Stack Overflow用户
发布于 2010-09-02 08:52:35
.closest()会找到一个父级，在本例中需要.siblings()，如下所示：
jQuery('.addImage').click(function() {
var tmp = jQuery(this).siblings("input[type=text]").attr('name');
alert(tmp);
});或者，如果格式总是像您的示例一样一致，只需使用.prev()，如下所示：
jQuery('.addImage').click(function() {
var tmp = jQuery(this).prev().attr('name');
alert(tmp);
});Stack Overflow用户
发布于 2012-03-10 01:09:35
下面是一个“最接近”的实现，它针对的是后代而不是父代：
$.fn.nearest = function(selector) {
var nearest, node = this, distance = 10000;
node.find(selector).each(function(){
var n = $(this),
d = n.parentsUntil(node).size();
if (d < distance) {
distance = d;
nearest = n;
} else if (d == distance) {
nearest.add(this);
}
});
return nearest;
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3623103
复制相关文章
相似问题