Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/mercurial/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过src删除图像_Javascript_Jquery_Image - Fatal编程技术网

Javascript 通过src删除图像

Javascript 通过src删除图像,javascript,jquery,image,Javascript,Jquery,Image,我需要使用特定的src删除某些图像: 有没有办法用JavaScript删除整个标记?这可以通过以下方法轻松完成: $('img[src=”“])。删除(); 这可以通过以下方式轻松完成: $('img[src=”“])。删除(); 您使用jQuery吗?如果是, $('img[src=”http://ukn.cs-mtc.com/wp-content/plugins/download-monitor/page-addon/thumbnail.gif“]”)。删除()应该可以工作 否则 var

我需要使用特定的
src
删除某些图像:


有没有办法用JavaScript删除整个
标记?

这可以通过以下方法轻松完成:

$('img[src=”“])。删除();

这可以通过以下方式轻松完成:

$('img[src=”“])。删除();

您使用jQuery吗?如果是,

$('img[src=”http://ukn.cs-mtc.com/wp-content/plugins/download-monitor/page-addon/thumbnail.gif“]”)。删除()应该可以工作

否则

var img = document.getElementsByTagName('img');
for(var i=0,i<img.length;i++) {
if(img[i].src == 'http://ukn.cs-mtc.com/wp-content/plugins/download-monitor/page-addon/thumbnail.gif') {
img[i].parentNode.removeChild(img[i]);
}
}
var img=document.getElementsByTagName('img');

对于(var i=0,i是否使用jQuery?如果是

$('img[src=”http://ukn.cs-mtc.com/wp-content/plugins/download-monitor/page-addon/thumbnail.gif“]”)。删除();
应该可以

否则

var img = document.getElementsByTagName('img');
for(var i=0,i<img.length;i++) {
if(img[i].src == 'http://ukn.cs-mtc.com/wp-content/plugins/download-monitor/page-addon/thumbnail.gif') {
img[i].parentNode.removeChild(img[i]);
}
}
var img=document.getElementsByTagName('img');
对于(var i=0,i我有一些空闲时间(还有编写JavaScript的奇怪冲动…),所以我想我应该提供以下功能方法:

function removeNeighbour(el, elType) {
    if (!el) {
        return false;
    }
    else if (el.nextElementSibling) {
        var nxt = el.nextElementSibling;
    }
    else {
        var nxt = el.nextSibling;
        while (nxt.nodeType !== 1 && nxt.nextSibling) {
            nxt = nxt.nextSibling;
        }

    }
    if (elType && nxt.tagName.toLowerCase() == elType.toLowerCase()) {
        nxt.parentNode.removeChild(nxt);
    }
    else if (!elType) {
        nxt.parentNode.removeChild(nxt);
    }
}

function clearElsWithAttrEquals(el, attr, val, andNeighbour, neighbourType) {
    if (!el || !attr || !val) {
        return false;
    }
    else if (document.querySelectorAll) {
        var matchingElems = document.querySelectorAll(el + '[' + attr + '="' + val + '"]'),
            neighbourType = neighbourType || '';
        for (var i = matchingElems.length - 1; i >= 0; i--) {
            if (andNeighbour === true) {
                removeNeighbour(matchingElems[i], neighbourType);
            }
            matchingElems[i].parentNode.removeChild(matchingElems[i]);
        }
    }
    else {
        var matchingElems = document.getElementsByTagName(el),
            len = (matchingElems.length - 1);
        for (var i = len; i >= 0; i--) {
            if (matchingElems[i][attr] == val) {
                matchingElems[i].parentNode.removeChild(matchingElems[i]);
            }
        }
    }
}

clearElsWithAttrEquals('img', 'src', 'http://ukn.cs-mtc.com/wp-content/plugins/download-monitor/page-addon/thumbnail.gif', true, 'p');​​​

快速指南(也是我唯一可能编写的文档)
clearElsWithAttrEquals()
函数:

clearElsWithAttrEquals(el,attr,val[,and Neighbor[,neighbourType]])

  • el
    :(string)标识元素类型('img'、'p'、'span'…)
  • attr
    :(string)标识要通过('id','src'等)搜索的属性
  • val
    :(string)仅当值与字符串完全相等时才匹配
  • 和相邻元素
    :(布尔值,可选)是否也要删除相邻元素?传递
    真值
    (如果是)或
    假值
    (如果不是)
  • nexturetype
    :(string,可选)仅当相邻元素属于此元素类型(“div”、“hr”、“span”等)时才删除该相邻元素;如果省略,则将删除下一个同级元素,无论其类型如何
  • 参考资料:

    • ()
    • ()
    • ()
    • ()
    • ()
    • ()
    我有一些空闲时间(还有编写JavaScript的奇怪冲动…),所以我想我应该提供以下功能方法:

    function removeNeighbour(el, elType) {
        if (!el) {
            return false;
        }
        else if (el.nextElementSibling) {
            var nxt = el.nextElementSibling;
        }
        else {
            var nxt = el.nextSibling;
            while (nxt.nodeType !== 1 && nxt.nextSibling) {
                nxt = nxt.nextSibling;
            }
    
        }
        if (elType && nxt.tagName.toLowerCase() == elType.toLowerCase()) {
            nxt.parentNode.removeChild(nxt);
        }
        else if (!elType) {
            nxt.parentNode.removeChild(nxt);
        }
    }
    
    function clearElsWithAttrEquals(el, attr, val, andNeighbour, neighbourType) {
        if (!el || !attr || !val) {
            return false;
        }
        else if (document.querySelectorAll) {
            var matchingElems = document.querySelectorAll(el + '[' + attr + '="' + val + '"]'),
                neighbourType = neighbourType || '';
            for (var i = matchingElems.length - 1; i >= 0; i--) {
                if (andNeighbour === true) {
                    removeNeighbour(matchingElems[i], neighbourType);
                }
                matchingElems[i].parentNode.removeChild(matchingElems[i]);
            }
        }
        else {
            var matchingElems = document.getElementsByTagName(el),
                len = (matchingElems.length - 1);
            for (var i = len; i >= 0; i--) {
                if (matchingElems[i][attr] == val) {
                    matchingElems[i].parentNode.removeChild(matchingElems[i]);
                }
            }
        }
    }
    
    clearElsWithAttrEquals('img', 'src', 'http://ukn.cs-mtc.com/wp-content/plugins/download-monitor/page-addon/thumbnail.gif', true, 'p');​​​
    

    快速指南(也是我唯一可能编写的文档)
    clearElsWithAttrEquals()
    函数:

    clearElsWithAttrEquals(el,attr,val[,and Neighbor[,neighbourType]])

  • el
    :(string)标识元素类型('img'、'p'、'span'…)
  • attr
    :(string)标识要通过('id','src'等)搜索的属性
  • val
    :(string)仅当值与字符串完全相等时才匹配
  • 和相邻元素
    :(布尔值,可选)是否也要删除相邻元素?传递
    真值
    (如果是)或
    假值
    (如果不是)
  • nexturetype
    :(string,可选)仅当相邻元素属于此元素类型(“div”、“hr”、“span”等)时才删除该相邻元素;如果省略,则将删除下一个同级元素,无论其类型如何
  • 参考资料:

    • ()
    • ()
    • ()
    • ()
    • ()
    • ()

    awesomem-man,有效:)但是图像后面有一个
    也可以删除吗?awesomem-man,有效:)但是图像后面有一个
    也可以删除吗?我很高兴你喜欢它!我不认为它一定比jQuery好(除非您真的想避免使用库)。但写作和工作都很有趣!希望对你有用。=)我很高兴你喜欢它!我不认为它一定比jQuery好(除非您真的想避免使用库)。但写作和工作都很有趣!希望对你有用。=)