javascript - 如何动态删除逗号并添加单词并使用 jQuery

Question

我正在使用 jQuery UI 的拖放功能，在“拖放”时它将项目附加到 <ul>每个项目后带有“，”的元素。对于最后附加的 <li>如何动态删除逗号并添加单词 and在项目之前？

我试过:

$(#pot ul li:last-child).text().replace(/,/g, '');

但这并没有给我带来好运。

$(function() {
    $( ".flavours li" ).draggable({
        revert:true
    });

    $( "#pot ul" ).droppable({
        activeClass: "ui-state-default",
        hoverClass: "ui-state-hover",
        drop: function( event, ui, flavours ) {
            $( "<li></li>" ).text(ui.draggable.text() + ',').appendTo(this);
        }
    })
});

Answer 1

将选择器括在引号中，您必须将更改后的文本分配回元素

$('#pot ul li:last-child').text($('#pot ul li:last-child').text().replace(/,/g, ''));

或

el = $('#pot ul li:last-child');
el.text(el.text().replace(/,/g, 'and'));