Question

我有一张表如下

<table>
    <tr>
        <td id="start">Starting Point<input type="button" value="start the test" onclick="get_the_next()" /></td>
    </tr>
    <tr>
        <td>not the right class - skip me</td>
    </tr>
    <tr class="concept1">
        <td>get me if you can!</td>
    </tr>
    <tr class="concept2">
        <td>but not me, I'm not the next</td>
    </tr>
    <tr>
        <td>not the right class - skip me</td>
    </tr>
</table>

我需要选择类名为“concept2”的行。我怎么能在JQuery中做到这一点？

Answer 1

jQuery(function($) {
    var row = $('.concept2');
});

为了解释，jQuery(function($) { ... });将回调（即“功能”）附加到 DOM Ready 事件。这可确保您的代码仅在整个文档加载后运行。

$('.concept2')使用jQuery的CSS样式选择器。在这种情况下，它使用的是class selector。

更新

要回答您的评论，请查看manipulation category。一个例子可能是

jQuery(function($) {
    $('tr.concept2').html('<td>new data</td>');
});

我建议您对API非常熟悉。

Answer 2

尝试这个。

jQuery(document).ready(function($) {
    var rows = $('.concept2');
});

这将适用于页面就绪事件。

感谢。

Answer 3

$("tr.concept2");

确保只选择名为tr的{{1}}，而不是其他元素。如果只有一个concept2，请改用ID。

Answer 4

你可以使用.each jquery方法来做到这一点..

 $("table").find("tr").each(function() { 

                $(this).find('td.start').text('hi'); 

                //if we want to append the text of the td's then we use 

                //$(this).find('td.concept2').append($('<div>HIHI</div>'));
             });

希望这会对你有所帮助吗？ +1如果有帮助

如何在JQuery中选择具有特定类名的行

4 个答案:

更新