HTML文本藏身款ID

Question

例如，我有三段：

<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將與TXT開始爲startwith你需要的^代替*

Live Demo

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

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

好運