jQuery - 我如何选择这些' th'元素?

时间:2014-05-13 10:43:28

标签: jquery html selector

我的HTML结构如下:

<tbody id="tbodyCreateExpense">
    <tr>
        <th>Date(dd/mm/yy)</th>
        <th>Money(VND)</th>
        <th>Invoice ID</th>
        <th>Images</th>
        <th>Note</th>
        <th>Actions</th>
    </tr>

    <tr class="dataTR">
        <th class="es-cr-edit" data-attribute="date">
            <div><input class="datepicker" type="text" placeholder="11/11/2013"></div>
        </th>
        <th class="es-cr-edit" data-attribute="money">
            <div><input type="text"></div>
        </th>
        <th class="es-cr-edit" data-attribute="invoiceID">
            <div><input type="text"></div>
        </th>
        <th>
            <div class="btn-end" data-attribute="invoiceImage">
                <a  href="#">Browse </a>
            </div>
        </th>
        <th class="es-cr-edit" data-attribute="note">
            <div><input type="text"></div>
        </th>
        <th>
            <figure class="iconsp-remove-25px"></figure>
            <figure class="iconsp-edit-25px"></figure>
        </th>
    </tr>

    <tr>
        <th class="es-cr-edit">
            <div><input class="datepicker" type="text" placeholder="11/11/2013"></div>
        </th>
        <th class="es-cr-edit">
            <div><input type="text"></div>
        </th>
        <th class="es-cr-edit">
            <div><input type="text"</div>
        </th>
        <th>
            <div class="btn-end">
                <a  href="#">Browse </a>
            </div>
        </th>
        <th class="es-cr-edit">
            <div><input type="text"></div>
        </th>
        <th>
            <figure class="iconsp-remove-25px"></figure>
            <figure class="iconsp-edit-25px"></figure>
        </th>
    </tr>

</tbody>

现在我想选择每个( tbody > tr (with class="dataTR) > th )元素,我怎么能用jQuery做到这一点? 我试过这种方式:$('#tbodyCreateExpense .dataTR').find("th")$('#tbodyCreateExpense .dataTR')[0].find("th")(这种方式似乎仅在我只有下面的第1个时才起作用)但是所有这些都没有用。

希望你们能提供帮助,非常感谢先进!

1 个答案:

答案 0 :(得分:0)

您可以使用:

$('tbody tr.dataTR th');

<强> Demo

用于迭代匹配的元素:

$('tbody tr.dataTR th').each(function(){
   //code here
});