javascript - 代替 ;在标签之外 (jQuery)

Question

我有以下无法更改的 HTML 输出:

<td class="test"><a>link1</a>;<a></a>;<a></a>;<a>link</a><td>

我怎样才能摆脱;所以结果变成:

链接1；链接2

这是我最好的尝试:

var test = new String($(this).html());
var tmp = ">; <A><"
test = test.replace(/tmp/g,"><A><");

Answer 1

你可以直接浏览 :empty <a>元素并将它们连同它们的下一个兄弟元素一起删除 ";"循环中的文本节点，如下所示:

$(".test a:empty").each(function() {
    if(this.nextSibling.nodeValue == ";") 
        this.parentNode.removeChild(this.nextSibling);
}).remove();

You can test it out here .

这只是获取空 anchor ，就在将它们从 DOM 中删除之前，循环查看它们的尾随文本节点，看看它们是否明确为 ";"在内容中...如果是这种情况，那么我们从父节点中删除该文本节点 <td> .然后在那个循环之后，我们删除了我们首先找到的所有空 anchor 。