如何通过id从表中删除标记

时间:2012-07-13 19:42:47

标签: javascript jquery html

我有一个由php循环生成的HTML表(包含多行)。我想删除a标记中td标记ID等于1或其他内容的所有td标记。

<table>
    <tr>
        <td>ID: 1</td>
        <td align="left" width='20%'>
            <div class='tools'>
                <a href='http://localhost/www/GestIEFP/index.php/admin/groups/index/delete/1' title='Remover Grupo' class="delete-row" ><span class='delete-icon'></span></a>
                <a href='http://localhost/www/GestIEFP/index.php/admin/groups/index/edit/1' title='Editar Grupo'><span class='edit-icon'></span></a>
                <div class='clear'></div>
            </div>
        </td>
    </tr>
</table>

我正在尝试这样做:

$(function(){
    $('table').find("td:contains('ID: 1')")
    .each ( function () {
        $('a').remove();
    })
})

任何解决方案?

4 个答案:

答案 0 :(得分:3)

$(function(){
    $('table').find("td:contains('ID: 1')")
    .each ( function () {
        $(this).next('td').find('a').remove();
    })
});

答案 1 :(得分:2)

$("table td:contains('ID: 1')").closest("tr").find("a").remove();

http://jsfiddle.net/Ajvra/4/

答案 2 :(得分:2)

你的问题不是很清楚,但我认为这就是你想要的:

$("td:contains('ID: 1')").next().find('a').remove()​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

答案 3 :(得分:0)

如果您可以控制php循环生成的HTML,我建议更改HTML而不是处理此结果。

具体来说,我建议将id添加到tr元素,这对于之后使用javascript遍历html会更有效。

假设您将html更改为如下所示:<tr id="item-1">其中1是您的商品ID ..

然后,使用jQuery,您可以$('#item-1')访问它,删除所有链接只需$('#item-1 a').remove()