我們如何在dom中搜索帶有jquery的文本

我有一個<div id='imgBody'>，它有一個圖像標籤，它的src是src="a1.jpg"。我有另一個div，裏面有ul標籤和裏面的許多li，以及裏面的圖像標籤。其中一個圖像標籤也有src="a1.jpg"。我有一個變量的主要div的src，我想搜索裏面有src的圖像，我想獲取找到的圖像標籤的父級li的索引。我們如何在dom中搜索帶有jquery的文本

我該如何做到這一點？

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);

來源

2016-10-05 user6920839

目標包含與相同的源

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

 
console.log('The index is : ' + findIndex);

<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>

的圖像的LI

來源

2016-10-05 15:46:39 adeneo

這是超級酷，謝謝，還有一個問題，如果我不知道該src位於哪裏我的意思是我不知道它是否在李或任何div或任何地方如何找到然後。 – user6920839

基本上我正在考慮我們在ctrl + f等任何文檔上搜索的方式，只要我們鍵入文本即可找到，有什麼方法可以在dom中搜索嗎？ – user6920839

你真的不能像這樣搜索，但是你可以做'$（'img [src =''+ getImgTag +'「]'）'來找到圖像，但是它也會匹配其他圖像，就像它具有相同的來源，這就是爲什麼我專門針對LI – adeneo

我們如何在dom中搜索帶有jquery的文本

回答

相關問題