Question

我有html代码

<a href="#link1"><img src="image1"></a>
<a href="#link2"><img src="image2"></a>
<a href="#link3"><img src="image3"></a>

<a href="#link4">THIS TEXT, LINK NAME</a>
<a href="#link5">THIS TEXT, LINK NAME</a>

<a href="#link2"><img src="image2"></a>
<a href="#link3"><img src="image3"></a>

我需要

<a href="#link4">THIS TEXT, LINK NAME</a>
<a href="#link5">THIS TEXT, LINK NAME</a>

如何获取没有图像的链接？使用CSS选择器还是JS选择器？

Answer 1

试试这个

    var myList = []
    var all = document.getElementsByTagName("a");
    for(var i = 0 ; i < all.lenght; i++) {
      if(all[i].innerHTML == 'YOUR TEXT') {
        myList.push(all[i]);
      }
    }

Answer 2

要使用javascript选择它，您可以

var linkList = document.getElementsByTagName("a");

for(i=0; i< linkList.length; i++){ 
   if(linkList[i].getElementsByTagName("img").length == 0){
      console.log(linkList[i]);
   }                            
}

参考：http://jsfiddle.net/kfrmqzot/

由于CSS没有父选择器，因此无法直接实现此目的。您可以将文本包装在span标记内并选择它。

Answer 3

试试这个$("a:not(:has(>img))")

如何获得没有图像的LINKS？

3 个答案: