jquery - 多个选择器无法正常工作

Question

我有一些 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)。

我在做什么错误以及如何解决？

谢谢

Answer 1

类和属性都应该在桌子上：

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

小提琴：http: //jsfiddle.net/jonathansampson/sf2zP/