Question

我的结构如下：

<span class="IN-widget">
    <span>
        <span class="IN-top">
            <span class="IN-top">
                <span class="IN-top" >
                    <span class="IN-top">
                        3
                    </span>
                </span>
            </span>
        </span>
    </span>
    <br/> 
    <span>
        <span>
            <a href="javascript:void(0);">
                <span>
                    in
                </span>
                <span>
                    <span>
                    </span>
                    <span>
                        Share
                    </span>
                </span>
            </a>
        </span>
    </span>
</span>

我想将“共享”替换为“未共享”。我已经尝试了下面的代码并使用它我得到“InShare”。

$(window).load(function () {
        alert($('.IN-widget').children('span').eq(1).text());
    });

请帮帮我怎么做。

Answer 1

尝试

$('.IN-widget').find('span:contains("Share")').not(':has(*)').text('Not');

Answer 2

alert($('.IN-widget a').children('span').children('span').eq(1).text());

Answer 3

您可以使用过滤器查找包含“分享”的元素：

$(".IN-widget span").filter(function() {
   return $.trim($(this).html()) === "Share"; 
}).text("Not Shared");

JsFiddle

如何使用jquery获得子跨度？

3 个答案: