javascript - 将在单击时删除特定单词的 jQuery 函数

Question

我在一个div中有以下信息

<div class="list">Abc, Test, Ready</div>

在 div 下方，我有此附加信息

<a href="javascript:void(0)" class="Abc">Remove Abc</a>
<a href="javascript:void(0)" class="Test">Remove Test</a>
<a href="javascript:void(0)" class="Ready">Remove Ready</a>

我正在尝试编写一个 jQuery 函数，当您单击相关的删除链接时，它将删除 Abc、Test、Ready(以及必要时的逗号)。

Answer 1

$('a').click(function() {
    var str = $(this).attr("class");
    $('.list').text($('.list').text().replace(str,''));
});

http://jsfiddle.net/PUure/

但如果您真的需要删除逗号，则需要更有创意:

$('a').click(function() {
    var str = $(this).attr("class");
    var rgx = new RegExp(str + ',?\\s*');
    $('.list').text($('.list').text().replace(rgx,''));
});

http://jsfiddle.net/PUure/4/