jQuery的获得输入元素在不同的父元素

Question

的Html

<div>         
    <div> 
     <input type="text" class="search_input form-control" placeholder="Search..."></div> 
     <span> 
     <img src="images/btn-reset-search.png" class="clear_text" alt=""> 
     </span> 
</div> 

我想要得到的输入字段，当我点击了具有类名形象：clear_text。

我想：

$('.clear_text').parent().prev('input'); 

Answer 1

试试这个：

$('.clear_text').on("click", function() 
{ 
    $(this).closest("div").find("input"); 
}); 

它定位到第一父div（closest("div")），那么它里面搜索一个input（find("input")）。如果您不确定div元素可能具有多少个输入，则可以使用input:first。

Answer 2

尝试

$('.clear_text').parent().prev().find('input'); 

Answer 3

尝试使用以下溶液：

$(function(){ 
    $(".clear_text").click(function(){ 
    var inputField = $(this).parent().closest('input[type="text"]'); 
    }) 
}) 

OR

$(function(){ 
    $(".clear_text").click(function(){ 
    var inputField = $(this).parent().parent().find('input[type="text"]'); 
    }) 
}) 

inputField这里是所需的输入。

Answer 4

解决方案：

$(document).on('click', '.clear_text', function(){ 
    var $input = $(this).closest("div").find("input"); 
    //do whatever you want with $input, $input.val(), $input.addClass(), etc.. 
});