我有一个文本区域,我的网站用户在其中输入他们自己的内容(基于标记标准),然后在我的网站上发布。
我使用的库(它将标记转换为每个keydown__)生成没有属性的标记。因此,为了确保UI不受用户输入的影响,我有以下代码:
function cleanHtml(html) {
var $doc = $('<span>' + html + '</span>');
$('*', $doc).each(function (index, el) {
if (el.hasAttributes('attributes')) {
while ($(el).contents().length) {
$(el).contents().last().insertAfter(el);
}
$(el).remove();
}
});
return $doc.html();
}上面的代码移除至少有一个属性的每个标记。这个很好用。
最近,我发现减价转换器库还生成了一些具有href属性或src和alt属性的标记。就像这样:
<a href="../path">my link</a>
<img src="../path" alt="something" />现在,我需要编辑cleanHtml()函数来删除除上述两个示例之外的每个具有属性的标记。
我怎么能这么做?
发布于 2017-01-28 20:06:23
检查$(el).attr('src')或$(el).attr('src')是否返回未定义的:
el.hasAttributes('attributes') && ( !$(el).attr('src') && !$(el).attr('href') )
$('*').each(function(i, el){
if(el.hasAttributes('attributes') && ( !$(el).attr('src') && !$(el).attr('href') ) ) {
$(el).remove();
}
});p {
width:100px;
height:100px;
background:#ddd;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<a href="http://unsplash.it" style="color:#f44336">my link</a>
<a href="http://unsplash.it" style="color:#f44336;size:16px">Unsplash 2</a>
<img src="http://unsplash.it/100" alt="something" />
<p id="s" data-a="a"></p>
https://stackoverflow.com/questions/41914194
复制相似问题