jquery - 使用 jQuery 或 CSS 隐藏 html 内容

Question

在下面的 html 中，我可以使用 CSS 或 jQuery 隐藏从 ( 到 ) 开始的内容吗？我面临的问题是 ( 和后面的代码没有包含在任何 div 中，所以我不能使用 CSS 找到 div 类并设置 display:none .

<span>
    <a class="test" href="#">test</a> 
    (<a href="#">?</a>) 
</span>

Answer 1

$('span a:not(".test")').hide(); 将适用于您的有限示例。

但是，它不会隐藏括号。为此，您需要一个专门的函数来删除不需要的代码:

$('span').html(function(i,old) {
    return old.substring(0,old.indexOf('('));
});​

http://jsfiddle.net/pkMgP/

如果您想隐藏它而不是删除它，您需要将它全部包装在一个 HTML 元素中并对其应用样式:

$('span').html(function(i,old) {
    var idx = old.indexOf('(');
    return old.substring(0,idx) + '<span style="display:none">' + old.substring(idx) + '</span>';
});​

http://jsfiddle.net/pkMgP/1/