Jquery 中如果等于则删除元素

Question

如果内容等于 jquery 中设置的变量，我试图删除 jquery 中的元素。在此示例中，我尝试删除 .sub3，因为其内容等于变量集。

<div class="sub1">
    <a href="/large.jpg" class="group1 cboxElement">
    <img border="0" alt="" src="/thumb.jpg">
    </a>
</div>

<div class="sub2">
    <a href="/029-large.jpg" class="group1 cboxElement">
    <img border="0" alt="" src="/029-thumb.jpg">
    </a>
</div>

<div class="sub3">
    <a href="" class="group1 cboxElement"></a>
</div>

我想出的 Jquery 只是删除整个元素，无论

var nopic = <a class="group1 cboxElement" href=""></a>;

if($.trim($(".sub1").text()) == nopic) {
$(".sub1").remove();
}

if($.trim($(".sub2").text()) == nopic) {
$(".sub2").remove();
}

if($.trim($(".sub3").text()) == nopic) {
$(".sub3").remove();
}

感谢您的任何指示！

Answer 1

适用于所有空链接的一行简单案例：

$('div[class^="sub"] a.group1.cboxElement[href=""]').parent('div').remove( ）

Answer 2

如果您的目的只是删除不包含图像的内部 div，则以下内容就足够了：

$('div[class^="sub"]').filter(':not(:has(img))').remove();

Answer 3

你应该使用 html()

var nopic = '<a class="group1 cboxElement" href=""></a>';

if($.trim($(".sub3").html()) == nopic) {
    $(".sub3").remove();
}

Answer 4

.text() 返回节点的文本内容，而不是其 HTML。您需要 .html() 来代替。

例如

Hello

$('#blah').text() -> Hello
$('#blah').html() -> <a href="somewhere">Hello</a>

Answer 5

我发现您遇到了三个问题：

1. nopic 变量的赋值存在语法错误。您需要为分配给它的值加上引号。
2. 鉴于您当前的 html，您的 .subX 元素内部没有任何文本。他们有html。因此，您应该使用 .html() 方法而不是 .text()。
3. 即使您解决了我在 #1 中描述的问题，它仍然无法工作，因为 nopic 的值不等于 .sub3 标记。 code> （我认为这是您用来测试的内容）。这是因为 href 和 class 属性颠倒了。

这是工作的 JS，以及一个实例：

var nopic = '<a href="" class="group1 cboxElement"></a>';

if($.trim($(".sub1").html()) == nopic) {
        $(".sub1").remove();
}

if($.trim($(".sub2").html()) == nopic) {
    $(".sub2").remove();
}

if($.trim($(".sub3").html()) == nopic) {
    $(".sub3").remove();
}

Answer 6

我认为你可能会倒退。您想要做的是删除包含该链接标记的 div 。找到您要查找的 a 并删除它的父级可能会更容易。

$('a.group1.cboxElement').parents('div[class^="sub"]').remove();