用段落id隐藏的html文本

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的INCLUDE“txt”的所有段落（而不是一个接一个地隐藏在他自己的行中），然后只显示我要显示的段落？类似的东西：

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

这可能吗？

Answer 1

您可以在selector中使用wild card。 *会在字符串中搜索any where，如果您知道该ID将以startwith的txt开头，则需要^代替{{1} }

<强> Live Demo

*

Answer 2

Contains选择器可以帮助您：

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

Answer 3

可能你可以尝试我的解决方案 您可以使用以下子字符串进行更改：

<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();
});

祝你好运