删除包含JavaScript链接的文本,此处为新增内容

时间:2014-05-06 05:14:30

标签: javascript jquery html function click

如何在" li"内部使用X?标签是文本中唯一可点击的部分,但仍然删除整行?先感谢您。这是我第三天使用JS。

    $("button#hello").click(function() {
    $("ul#user").prepend("<li>Hi X</li>");
    $("ul#webpage").prepend("<li>Hello X</li>");

        $("ul#user").children("li").first().click(function() {
            $(this).remove();
        });

        $("ul#webpage").children("li").first().click(function() {
            $(this).remove();
        });
   });

1 个答案:

答案 0 :(得分:0)

尝试这样的事情:

$("button#hello").click(function() {
    var x = $('<span>X</span>').click(function() {
        $(this).parent().remove();
    });
    $("<li>Hi </li>").append(x).prependTo("ul#user");
    $("<li>Hello </li>").append(x.clone(true)).prependTo("ul#webpage");
});

的jsfiddle: http://jsfiddle.net/KHUbf/1/