javascript - 检查一个元素是否包含特定的子元素

Question

我有很多 div 有时包含链接。我想检查他们是否有链接。这是我的尝试:

var container = $(this).closest('.content').find('.text');

    //Check if text contains a tags
    if(container+':has(a)'){
        alert('contain link'); 
    }
    else{
        alert('no link found');  //Alert "contain link" even if no link is found.
    }

通过执行 container.html() 我可以看到 container 的确切内容，包括 anchor 标记，但我上面的代码总是说找不到 anchor 标记.

谁能告诉我我做错了什么？

Answer 1

更改为:

if(container.find("a").length){ ...

container 是一个 jquery 对象，.find() 是该对象的函数，用于在其中查找元素。长度大于 0 意味着它找到了一个 anchor 标记，并且它的计算结果为真。

编辑:

另外，解释为什么您的示例不起作用。当您执行 container+':has(a)' 时，您正在执行一个字符串连接，它在您的对象上运行 toString()(将其转换为“[object Object]” ).所以你最终会得到字符串“[object Object]:has(a)”，它的计算结果总是为真。