jquery - 段落IDで非表示のHTMLテキスト

Question

たとえば、3つの段落があります。

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

そして、私は1つを除いてそれらを隠すスクリプトを持っています：

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

とにかく、IDが「txt」を含むすべての段落を自動的に非表示にして（自分の行に1つずつ非表示にするのではなく）、表示する段落を表示するようにコードを実装できますか？何かのようなもの：

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

それは可能ですか？

score 5 · Accepted Answer

セレクターwild cardで使用できます。文字列を検索します。idが必要に応じて代わりにtxtで始まることがわかっている場合は、startswithselectorを使用できます。*any wherestartwith^*

$('[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