删除第二个tr元素上的第一个链接

时间:2013-11-18 01:24:24

标签: javascript jquery html dom

我有这个HTML:

<table>
    <tr>
        <td colspan="2"> Some text </td>
    </tr>
    <tr>
        <td> Some text </td>
        <td>
            <div class="btn-group">
                <a class="btn btn-link" href="/pingenieros/web/app_dev.php/admin/pi/proyecto/proyectos/create"><i class="icon-plus"></i>New</a>
                <a class="btn btn-link" href="/pingenieros/web/app_dev.php/admin/pi/proyecto/proyectos/list"><i class="icon-list"></i> List</a>
            </div>
        </td>
    </tr>
    <tr>
     ... many others tr ...
    </tr>
</table>

我需要使用jQuery删除第二个a中的第一个tr元素,这个元素是New文本,是否有任何建议?

注意:我的错误是一个错字

2 个答案:

答案 0 :(得分:5)

尝试

最短的代码

$('tr:eq(1) a.btn-link:first').remove();

$('tr:eq(1) a:first').remove();

$('tr:eq(1) a:contains("New")').first().remove();

<小时/> 要完全匹配,请删除

$('tr:eq(1) a').filter(function(){
    return $(this).text() === 'New';
}).first().remove();

参考

:eq()

:first

:contains()

.first()

.filter()

答案 1 :(得分:2)

它有一个div

所以它在td ...

中并不重要
$('.btn-group:eq(0) a:eq(0)').remove();

或重复所有.btn-group:

$('.btn-group a:eq(0)').remove();

做了一个小提琴:http://jsfiddle.net/filever10/TFSem/

相关问题