jquery - jQuery - 从 div 中删除具有特定类的所有锚标记

Question

在某些情况下，出于超出此问题范围的原因，锚点会重复出现。这是一个示例 div：

<div class="unifyRepeat listing">
    <a class="businessAnchor" name="abcchildcareandlearningcenter"></a>
    <a class="businessAnchor" name="abcchildcareandlearningcenter"></a>
    <a class="businessAnchor" name="abcchildcareandlearningcenter"></a>
    <a class="businessAnchor mceItemAnchor" name="abcchildcareandlearningcenter"></a>
    <table class="tblListing">
        <tbody>
            <tr>
                <td>
                    <p class="bold">ABC Child Care and Learning Center</p>
                    <p>Jane Smith</p>
                    <p>(555) 555-1234</p>
                </td>
                <td>
                    <img alt="" src="images/ABCchildcare.jpg">
                </td>
                <td>
                </td>
            </tr>
        </tbody>
    </table>
    <a class="linkToTop" href="#top">^ Top</a>
</div>

这是附加锚点并尝试删除任何现有锚点的 jQuery：

$('#businessListings div.listing').each(function() {
    var name = $(this).find('p:first').text(),
        cleanedName = name.replace(/\W/g, '').toLowerCase();

    $('ul#businessListingLinks').append('<li><a href="#' + cleanedName + '">' + name + '</a>');

    var anchor = '<a class="businessAnchor" name="' + cleanedName + '"></a>';
    $(this).remove('a.businessAnchor');
    //$(this).each('a.businessAnchor').remove();
    $(this).prepend(anchor);
});

我认为 remove() 行会选择所有具有“businessAnchor”类的锚标记，但事实并非如此。

如您所见，我尝试了 each() 函数，但没有奏效。我不确定那是因为我没有正确实施它，还是其他原因。

Answer 1

尝试这个：

$(this).find('a.businessAnchor').remove();

因为，从标记来看，它似乎a.businessAnchor是 div 的直接子级，所以你也可以这样做：

$(this).children('a.businessAnchor').remove();