javascript - 深入遍历 DOM

Question

假设我有这个 TR 标签

<tr>
   <td>1</td>
   <td><a class="links" href="http://www.linkedin.com/in/jannuelanarna">Jannuel Christian Anarna</a></td>
   <td>Calabarzon, Philippines</td>
   <td>Market Research</td>
   <td>BDA Partnership</td>
   <td>Inside Sales Representative</td>
   <td><a href="#">Invite</a></td>
   <td><input type="checkbox" /></td>
</tr>

现在我将 a.links 定位为：

var memberDiv = document.getElementByClassName('links');

现在在我的代码中，我有一个循环来评估 href 值是否与数组匹配。它将返回一个与值匹配的数组。现在我的问题是，我怎么能用<td>一个href定位，并删除锚标签？。

Answer 1

看完之后，我想我明白了。您想删除 TD 元素中已找到匹配项的锚点并将它们转换为常规文本，对吗？

用于展开锚点的 jQuery 代码如下所示。

$('tr td a[href="matched-link.html"]').contents().unwrap();

这是一个小提琴，显示了我认为您的问题需要的测试：http: //jsfiddle.net/EcKKt/

编辑：

为了好玩，我还在这里创建了一个相同的纯 JS 示例：http: //jsfiddle.net/xhR85/

要点是这样的：

matches.forEach(function(match, i) {
    elements = document.querySelectorAll('tr td a[href="' + match + '"]');

    Array.prototype.forEach.call(elements, function(element, ii) {
        element.parentNode.innerHTML = element.innerHTML;
    });
});