1

私はいくつかのhtmlテーブルを持っています

<div>
    <table id="tbl1" class="tblcls">
    <tr><td>
    </table>

    <table id="x">
    <tr><td>
    </table>

    <table id="tbl3">
    <tr><td>
    </table>
</div>

以下のマルチセレクターを適用して、ID が「tbl」で始まり、クラスが「tblcls」であるテーブルの背景色を設定しています。

 $(document).ready(function () 
{           
            var $table = $("table.tblcls,[id^=tbl]");            
            $table.css("background-color", "yellow");
});

ただし、ID tbl1、tbl3 の両方のテーブルを選択していますが、予想される出力は最初のテーブル (id=tbl1) のみになります。

私がやっている間違いは何ですか?それを解決する方法は?

ありがとう

4

1 に答える 1

3

クラスと属性の両方がテーブルにある必要があります。

$("table[id^='tbl'].tblcls");

フィドル: http://jsfiddle.net/jonathansampson/sf2zP/

于 2012-06-07T03:05:45.273 に答える