如何找到最接近的输入名称属性值

Question

给出以下HTML

：

<input name="name goes here" type="text" value="value goes here"> 
<span class="suggestInput" data-type="tag"> 
<img src="../images/icons/wand.png" title="Suggest an input" alt=""> 
</span> 

即时通讯试图找到最接近输入的name属性值，一类“suggestInput”上面的上方。在我的例子，它应该返回名字放在这里

我已经试过：

$(".suggestInput").click(function(event) { 
    event.preventDefault(); 

    var test1 = $(this).closest("input").attr("name"); 
    var test2 = console.log($(this).find().closest("input").attr("name")); 
}); 

，他们都返回 '未定义' ..

有什么不对？

Answer 1

.closest()用于查找祖先元素，在你的情况下，输入元素不是span.suggestInput元素的祖先元素，它的前一个同级所以使用.prev()找到它

var test1 = $(this).prev("input").attr("name"); 

Answer 2

您可以使用.prev()这里，因为input是你的跨度最接近的前兄弟：

var test1 = $(this).prev().attr("name"); 

.closest()不能正常工作，因为这种方法会遍历建立DOM树并获得最适合您的情况的最匹配的祖先：