jquery - html文本隐藏与段落ID

Question

例如，我有 3 段：

<p id="txta">AAAAAAAAAAA</p>
<p id="txtb">BBBBBBBBBBB</p>
<p id="txtc">CCCCCCCCCCC</p>

我有一个隐藏它们的脚本，除了一个：

$('#buttonc').click(function () {        
        $('#txta').hide();
        $('#txtb').hide();
        $('#txtc').show()

无论如何我可以实现一个代码，以便它会自动隐藏 ID 包含“txt”的所有段落（而不是一个接一个地隐藏在他自己的行中），然后只显示我要显示的段落？就像是：

$('#buttonc').click(function () {        
        $('#*includes*txt').hide();
        $('#txtc').show();

那可能吗？

score 5 · Accepted Answer

您可以wild card在选择器中使用。*将在字符串中搜索，如果您知道 id 将根据您的需要any where以 txt 开头而不是startwith^*

$('[id*=txt]').hide();

score 2 · Accepted Answer

2

包含选择器将帮助您：

$('[id*="txt"]').hide();

于 2012-12-24T11:48:15.857 回答

score 1 · Accepted Answer

也许您可以尝试我的解决方案您可以使用这样的子字符串进行更改：

<p id="txt-a">AAAAAAAAAAA</p>
<p id="txt-b">BBBBBBBBBBB</p>
<p id="txt-c">CCCCCCCCCCC</p>

和jQuery代码：

$('#buttonc').click(function () {        
    $('[id |="txt"]').hide();
    $('#txt-c').show();
});

祝你好运

3 回答 3