Question

我想使用 JQuery 选择所有第一个td值。

这是我的代码：

<tr id="#ASPxGridView1_DXHeadersRow0">
    <td id="ASPxGridView1_col0" class="dxgvHeader" onmousedown="ASPx.GHeaderMouseDown('ASPxGridView1', this, event);" style="border-top-width:0px;border-left-width:0px;">
       <table style="width:100%;">
            <tbody>
                <tr>
                    <td>Status</td>
                    <td style="width:1px;text-align:right;"><span class="dx-vam">&nbsp;</span></td>
                </tr>
            </tbody>
        </table>
    </td>

    <td id="ASPxGridView1_col1" class="dxgvHeader" onmousedown="ASPx.GHeaderMouseDown('ASPxGridView1', this, event);" style="border-top-width:0px;border-left-width:0px;">
        <table style="width:100%;">
            <tbody>
                <tr>
                    <td>Worksheet ID</td>
                    <td style="width:1px;text-align:right;"><span class="dx-vam">&nbsp;</span></td>
                </tr>
            </tbody>
         </table>
     </td>
</tr>

我想使用JQuery从上面的代码中只获取2个td（Status.Worksheet ID）元素

Answer 1

您可以将任何有效的CSS选择器传递给JQuery，因此您只需要：

$("td:first-child");

// This will find and group together all the `<td>` elements that are the first ones
// within their parent (<tr>).
var $results = $("td:first-child");

// You can loop over the set and work with the individual DOM elements...
$results.each(function(index, result){
  // result is the DOM element we're looping over
  console.log(result.textContent);
});

// Or, you can access a specific element by index:
console.log($results[0].textContent + ", " + $results[1].textContent);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr id="#ASPxGridView1_DXHeadersRow0">
    <td id="ASPxGridView1_col0" class="dxgvHeader" onmousedown="ASPx.GHeaderMouseDown('ASPxGridView1', this, event);" style="border-top-width:0px;border-left-width:0px;"><table style="width:100%;">
            <tbody>
                <tr>
                    <td>Status</td>
                    <td style="width:1px;text-align:right;"><span class="dx-vam">&nbsp;</span></td>
                </tr>
            </tbody>
        </table>
    </td>

    <td id="ASPxGridView1_col1" class="dxgvHeader" onmousedown="ASPx.GHeaderMouseDown('ASPxGridView1', this, event);" style="border-top-width:0px;border-left-width:0px;">
        <table style="width:100%;">
            <tbody>
                <tr>
                    <td>Worksheet ID</td>
                    <td style="width:1px;text-align:right;"><span class="dx-vam">&nbsp;</span></td>
                </tr>
            </tbody>
         </table>
     </td>
</tr>

如何使用JQuery获取每个表的第一个td值？

1 个答案: