javascript - 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( “输入”))在里面。如果您不确定 div 元素可能有多少个输入，则可以使用 input:first。