jQuery:使用remove()；对于 行

Question

我需要删除几个 <tr>表类中渲染页面中的行 "form-table"使用remove(); 请参阅下面的注释标记。

问题是在呈现的页面中还有其他几个具有“form-table”类的表(为清楚起见，下面未显示其他表)。这些其他表中的每一个都有不同的 <h3>标题。

是否可以定位最后两个 <tr>下表中的行，同时忽略具有相同类别 form-table 的其他表？这两个可以<tr>使用<h3>Name</h3>作为目标前往此表？

即:

 jQuery(document).ready(function( $ ){
    $("*target <tr>'s here*").remove();

  });

渲染标记:

<h3>Name</h3>

<table class="form-table">
    <tr>
        <th><label for="user_login">Username</label></th>
        <td><input type="text" name="user_login" id="user_login" value="subscriber" disabled="disabled" class="regular-text" /> <span class="description">Usernames cannot be changed.</span></td>
    </tr>

<tr>
    <th><label for="first_name">First Name</label></th>
    <td><input type="text" name="first_name" id="first_name" value="subscriber" class="regular-text" /></td>
</tr>

<tr>
    <th><label for="last_name">Last Name</label></th>
    <td><input type="text" name="last_name" id="last_name" value="" class="regular-text" /></td>
</tr>

<!-- Need to display:none or remove the two <tr>'s below: -->

<tr>
    <th><label for="nickname">Nickname <span class="description">(required)</span></label></th>
    <td><input type="text" name="nickname" id="nickname" value="subscriber" class="regular-text" /></td>
</tr>

<tr>
    <th><label for="display_name">Display name publicly as</label></th>
    <td>
        <select name="display_name" id="display_name">
                    <option  selected='selected'>subscriber</option>
                </select>
    </td>
</tr>

<!-- Need to display:none or remove the two <tr>'s above: -->

</table>

Answer 1

怎么样:

$('h3:contains("Name") + table tr:gt(2)')

或者

$('h3:contains("Name")').next().find('tr:gt(2)')

编辑:

演示:http://jsfiddle.net/kMYY3/1/