Question

我有一个<div id='imgBody'>并且有一个图片代码，而且它的src是src="a1.jpg"。我有另一个div，里面有我的ul标签，里面有许多li，每个li里面都有图片标签。其中一个图片代码也有src="a1.jpg"。我在变量中有主要div的src，我想在li＆＃39; s中搜索具有该src的图像，并且我想获得找到的图像标记的父级li的索引。

我怎样才能做到这一点？

HTML

<div id='imgBody'><img src="img/a1.jpg"></div>

<div id='main'> 
<ul class="ulthumbs">
   <li class="thumbImg" data-rel="a0">
    <img src="img/a0.jpg" width='150' height="80">
   </li>
   <li class="thumbImg" data-rel="a1">
    <img src="img/a1.jpg" width='150' height="80">
   </li>
   <li class="thumbImg" data-rel="a2">
   <img src="img/a2.jpg" width='150' height="80">
   </li>
</div>

JQUERY

var getImgTag = $('#imgBody').children().attr('src');
var findIndex  = find(getImgTag).index();
console.log(findIndex);

Answer 1

定位包含具有相同来源的图像的LI

＆＃13;

var getImgTag = $('#imgBody img').attr('src');
var findIndex = $('li:has(img[src="' + getImgTag + '"])').index();

console.log('The index is : ' + findIndex);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='imgBody'>
  <img src="img/a1.jpg">
</div>

<div id='main'>
  <ul class="ulthumbs">
    <li class="thumbImg" data-rel="a0">
      <img src="img/a0.jpg" width='150' height="80">
    </li>
    <li class="thumbImg" data-rel="a1">
      <img src="img/a1.jpg" width='150' height="80">
    </li>
    <li class="thumbImg" data-rel="a2">
      <img src="img/a2.jpg" width='150' height="80">
    </li>
  </ul>
</div>

＆＃13;

我们如何在dom中搜索带有jquery的文本

1 个答案: