如何从div中移除特定的锚标记和跟随delimeter

我正在尝试创建一个outlook样式 To: /当我从我编写的javascript通讯簿中选择联系人时,收件人列表。

我在通讯簿中有一个联系人列表,当选中时,该列表如下所示。。。

<div class="contact selected">
    <div style="clear: both;"></div>
    <div class="innertxt" id="c_e4f6ea43-03fd-4496-aa58-917a17e31206">
        <span id="Test User">
        <img width="48" height="48" src="/Content/Cache/4.gif"><a href="/Management/Employee/Edit/e4f6ea43-03fd-4496-aa58-917a17e31206" class="contact-link">Test User</a>
        <ul>
            <li>test.user@test.com</li>
            <li>123456789</li>
        </ul>
    </span></div>
</div>

一个接受者div看起来像这样。。。

<div id="RecipientNames"></div>

我运行了一些javascript来选择这个用户中的锚标记,并将achor和一个分隔符一起添加到我的收件人字段中 ;

function ContactSelected(contact) {
    var contactLink = $(contact).find('div[id^="c_"] a');
    contactLink.clone().appendTo("#RecipientNames");
    $("#RecipientNames").append("; ");
}

传递给此函数的触点是此问题开始时显示的整个触点元素。

因此,我最终。。。。

<div id="RecipientNames">
  <a class="contact-link" href="/Management/Employee/Edit/e4f6ea43-03fd-4496-aa58-917a17e31206">Test User</a>; 
</div>

问题

给定一个有多个收件人的RecipientNames div,我可以使用什么jquery来删除联系人链接锚标记和下面的“;”。

<div id="RecipientNames">
  <a class="contact-link" href="/Management/Employee/Edit/e4f6ea43-03fd-4496-aa58-917a17e31206">Test User2</a>;
  <a class="contact-link" href="/Management/Employee/Edit/e4f6ea43-03fd-4496-aa58-917a17e31206">Test User2</a>;
  <a class="contact-link" href="/Management/Employee/Edit/e4f6ea43-03fd-4496-aa58-917a17e31206">Test User3</a>;
</div>

例如,如果我想移除 TesetUser2; 这就是全部 <a> 标签后加上分号。在这种特殊情况下,中间用户和分号被删除。但它们可以按任意顺序删除,因此始终需要在指定的联系人之后使用分号。

我将如何实现将被调用的Remove函数。我试过以下方法,但这只是猜测,因此不起作用:)

public ContactRemoved(contact) {
     var selector = $(contact).find('div[id^="c_"] a').attr("href");
     var recipients = $("#RecipientNames");
     $(recipients).remove('a[href^="' + selector + '"]').remove("; ");
}

最终解决方案

    function ContactSelected(contact)
    {
        // append selected contact name to recipient list.
        var contactLinkSpan = $("<span>");
        var contactLinkClone = $(contact).find('div[id^="c_"] a').clone();
        contactLinkClone.appendTo(contactLinkSpan);
        contactLinkSpan.append("; ");
        contactLinkSpan.appendTo("#RecipientNames");
    }

    function ContactRemoved(contact) {
        // remove selected contact from recipient list.
        var selector = $(contact).find('div[id^="c_"] a').attr("href");
        $("#RecipientNames").find('a[href^="' + selector + '"]').parent().remove();
    }