使用jQuery搜索嵌套在元素中的字符串,搜索具有多个类的div的内容

时间:2012-07-30 14:23:15

标签: javascript jquery html css markup

我希望能够在具有spant_links类的div中查看第一个buy,并检测字符串Account是否出现。如果是,那么我想在jQuery / JavaScript中设置一些跟踪代码。

此div中总会有一个span。如何使用jQuery搜索Account实例的内容?

<div class="t_links buy">
  <span><a class="" href="https://www.ayrshireminis.com/account/login/">Account</a></span>
</div>

3 个答案:

答案 0 :(得分:3)

:包含你正在寻找的东西:

$(".t_links.buy span:first:contains('Account')")

http://api.jquery.com/contains-selector/

编辑:首先添加为@adeneo指出。这将确保它是您正在查看的第一个范围。

答案 1 :(得分:1)

尝试(参见Demo

​$(document).ready(function () {
    if($('.t_links.buy span').text().indexOf('Account')) {
        // code
    }
});​

或者

​$(document).ready(function () {
    if($(".t_links.buy span:contains('Account')").length) {
        // code
    }
});​

答案 2 :(得分:1)

跨度完全匹配:

if ($("span:first", ".t_links.buy")​.filter(function() {
    return $(this).text() === 'Account';
})​.length) {
    //set tracking code
}

跨度包含:

if ($("span:first", ".t_links.buy")​.filter(function() {
    return $(this).text().toLowerCase().indexOf('account') != -1;
})​.length) {
    //set tracking code
}

如果只有一个span,则可以删除:first