Jquery在Table中找到图像并检查img src

时间:2014-02-17 16:54:00

标签: jquery html dom-manipulation dom-traversal

我想在表格中找到一张图片,然后删除图片,如果它有特定的网址。

 if (event.keyCode == 189) {
     $.each($('#id tr'), function(e, v) 
        {
            $(v).find('td:nth-of-type(4) img').filter(function () {
                return $(this).attr('src') === "src";
            }).remove();
        });
    }

我需要使用“src”找到该图像,然后删除$(v)

2 个答案:

答案 0 :(得分:1)

尝试.find().remove()

$(v).find('td:nth-of-type(4) img[src="URL"]').remove();

Attribute Equals Selector [name="value"]

答案 1 :(得分:1)

  1. 使用.find()获取所需的图像元素。
  2. .filter()filter function一起使用,只获取您需要的图片。
  3. 过滤器函数将针对每个图像运行(this将始终引用当前图像的DOM元素)。如果从函数返回true,则图像将包含在结果集中 - 否则将被省略。
  4. 在结果集(仅包含已过滤的图片)上调用.remove()
  5. 这样的事情:

    $(v).find('td:nth-of-type(4) img').filter(function () {
        return $(this).attr('src') === THE_URL_YOU_WANT_TO_CHECK;
    }).remove();
    

    <强>更新

    经过一些澄清,似乎你想删除整个表格行。

    在这种情况下,您需要稍微修改一下代码:

    $('#id tr').filter(function() {
        return $(this).find('td:nth-of-type(4) img').attr('src') === THE_URL_YOU_WANT_TO_CHECK;
    }).remove();
    

    little demo