Question

考虑以下标记：

<a href="#"></a>
<a href="#"><img src="foo.png" /></a>
<a href="#">aaa</a>
<a href="#">bbb</a>

是否可以使用jQuery选择器来获取包含任何文本的第一个锚点（但如果它只包含图像，则不会）？（在这种情况下，aaa一个）

Answer 1

这个复杂的选择器首先检查元素是否没有子元素，然后确保元素不为空。

var anchor = $("a:not(:has(img)):not(:empty)").eq(0);

工作示例 http://jsfiddle.net/dZLKE/3/

Answer 2

jQuery没有懒惰的first选择器，所以在过滤之前你仍然会匹配所有的锚标签：

$('a').filter(function() {
    return $(this).text();
}).first()

Answer 3

var txtEl;
$('a').each(function(i, el){
  var text = $(el).text();
  if(text != ""){
     txtEl = el;
     return false;
  }
});

Jquery Selector

Answer 4

$('a').each(function(){
    if($.trim($(this).text()) != ''){
       alert($(this).text());
    }
});

生活演示：http://jsfiddle.net/AGKeY/2/

Answer 5

这将返回包含容器中文本的第一个锚点，而不会遍历所有元素。

var getFirstAnchorWithText = function (container) {

    var anchor = null;

    container.find('a').each(function () {
        if ($(this).text()) {
            anchor = $(this);
            return false; // Exits from the loop as soon as the element is found
        }
    });

    return anchor;

}

演示小提琴here。

jQuery：选择包含任何文本的第一个锚点

5 个答案: