jquery-selectors - jQuery在td中选择多个不同类型的元素

Question

鉴于此表结构：

<table id="tblBranchDetails">
    <tr>
        <td width="120px">Branch:</td>
        <td id="branchName" class="branchData">
            <label id="lblBranchName"></label>
            <input type="text" id="txtBranchName" class="hideOnLoad editBranchInfo" />
        </td>
    </tr>
    <tr>
        <td>Address Line 1:</td>
        <td id="branchAddress1" class="branchData">
            <label id="lblAddress1"></label>
            <input type="text" id="txtAddress1" class="hideOnLoad editBranchInfo" />
        </td>
    </tr>...

我正在尝试在每个 td 中选择标签和输入，以便我可以清除标签的文本并隐藏输入。

这给了我标签中的文本（在控制台中验证）：

$('table#tblBranchDetails tr td:nth-child(2):eq(0)').text();

所以我知道我可以用“.text('')”清除标签的文本

弄清楚这一点后，我认为这会给我输入的价值：

$('table#tblBranchDetails tr td:nth-child(2):eq(1)').val()

但它给了我下一个 td 中标签的值。所以很明显我用错了 :nth-child() 和 :eq() 函数。

做我想做的事情的正确方法是什么？

Answer 1

我正在核对这个。

这是解决方案：

$('#btnShowBranchEditBoxes').click(function() {
    $('#tblBranchDetails tr').find('label').fadeOut(200);
    $('#tblBranchDetails tr').find('.editBranchInfo').delay(200).fadeIn(200);

    // Replace the buttons
    $('table#tblBranchDetails input#btnShowBranchEditBoxes').fadeOut(200);
    $('table#tblBranchDetails input.btnEditBranch').delay(200).fadeIn(200);
});