jquery - 使用 Jquery 在 DOM 中查找元素并删除

Question

可能重复：
使用 Jquery 清除 5 个空 TD

我想在 DOM 中搜索 DOM 专门包含的任何实例（可能是多个）

<td></td><td></td><td></td><td></td><td></td>

并在 Jquery 中删除它。有什么帮助吗？

Answer 1

如果你是常量字符串，那么你可以从 html 中删除它，

现场演示

$('#tbl').html($('#tbl').html().replace('<td></td><td></td><td></td><td></td><td></td>', ''));

Answer 2

我建议：

var rows = $('tr').filter(function(){
                var that = $(this),
                    len = that.find('td').length;
                return that.find('td:empty').length == len && len == 5;
            });

参考：

• :empty选择器。
• filter().
• find().

Answer 3

这是新的演示：

HTML：

<table>
<tr>
<td></td><td></td><td></td><td></td><td></td>
</tr>
</table>​

JS

$(function(){

    $.map($("td:empty"),function(elem,i){
        console.log(i);

        var length =5;
        var current = length;
        var $ptr = $(elem);

        while(current>=0){
            if ($ptr.next("td:empty").size() == 1){
                current = current -1;
                $ptr = $ptr.next("td:empty");

            }else{
                break;
            }   
        }
        if(current<= 1 ){ 
            $(elem).siblings("td:empty:lt("+length+")").remove();
            $(elem).remove();                                
        }

    });

});​