jquery - 使用jquery获取最接近输入的标签i标签的id值

Question

我的代码如下。

<input type="text" id="commentInput" >
<a class="Comment" data-toggle="modal"  data-target="#commentModal"><i style="font-size: 30px;margin-left: 30px;" class="fa fa-comment-o" id="ficon" aria-hidden="true"></i></a>

下面是我正在尝试的jquery

var id = $('commentInput').closest('a').find('i').attr('id');

但是我没有得到id值。其抛出为 undefined 。如有任何建议，请。

Answer 1

您有几个问题。首先，您缺少 jQuery 对象中 id 选择器上的 # 。其次，closest() 用于在元素的父元素处查找 DOM。 a 是 input 的同级，因此您可以使用 next() 代替。试试这个:

var id = $('#commentInput').next('a').find('i').prop('id');

console.log(id);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="commentInput">
<a class="Comment" data-toggle="modal" data-target="#commentModal">
  <i style="font-size: 30px;margin-left: 30px;" class="fa fa-comment-o" id="ficon" aria-hidden="true"></i>
</a>