如何在没有图像的情况下获取链接

How a get LINKS without image?

本文关键字：情况下 获取 链接 图像      更新时间：2023-09-26

我有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 选择器？

试试这个

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

要使用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 标签内并选择它。

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

相关文章：