Question

我想删除嵌套<span></span>标记中只有#的所有锚元素示例

删除此

<a  href="/search.aspx?search=something" class="keyword"><span class="tags">#</span></a>

请勿删除带有＃

的文字

<a  href="/search.aspx?search=something" class="keyword"><span class="tags">#Sometext</span></a>

Answer 1

您可以使用过滤器返回仅包含#文本的跨度。然后通过closest("a")或parent()

找到父锚

$("span.tags").filter(function() {
    return $(this).text().trim() == "#"
}).closest("a").remove();

Answer 2

使用filter()功能，

$('a').filter(function(){
    return $.trim(this.text) === '#';
}).remove();

或者

$('a').filter(function () {
    return $.trim($('span.tags',this).text()) === "#";
}).remove();

Answer 3

试试这个：

$(".keyword").filter(function () {
    return $.trim($(this).text()) == "#" ? true : false;
}).remove();

演示： http://jsfiddle.net/GCu2D/663/

Answer 4

试试这个，如果有一个或多个.tags跨度，它应该可以工作

<script>
$(function(){  
    $('.tags').each(function(){
        if( $(this).text() == "#" ){
            $(this).parent().remove();
        }
    });
});
</script>

如果span只有＃，则删除父锚元素

4 个答案: