javascript - 如何删除除特定属性之外至少具有一个属性的标签？

Question

我有一个文本区域，我的网站用户可以在其中输入自己的内容(基于 ma​​rkdown 标准)，然后将其发布到我的网站中。

我使用的库(它根据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() 函数来删除除上面两个示例之外的每个具有属性的标签。

我怎样才能做到这一点？

Answer 1

检查$(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>