我有一个文本区域,我的网站用户可以在其中输入自己的内容(基于 markdown 标准),然后将其发布到我的网站中。
我使用的库(它根据keydown
将markdown转换为HTML)生成没有属性的标签。因此,为了确保用户输入的用户界面安全,我有以下代码:
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();
}
上面的代码删除了每个至少具有一个属性的标签。这工作得很好。
最近我发现 markdown-converter-library 还生成了一些具有 href 属性或同时具有 src
和 alt
属性的标签。像这样的东西:
<a href="../path">my link</a>
<img src="../path" alt="something" />
现在我需要编辑 cleanHtml()
函数来删除除上面两个示例之外的每个具有属性的标签。
我怎样才能做到这一点?
最佳答案
检查$(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>
关于javascript - 如何删除除特定属性之外至少具有一个属性的标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41914194/