1

私は一日中、ユーザーがフィールドと送信ボタンを使用してテキスト ボックスに項目を挿入するように設計された最初の JavaScript の 1 つに取り組んできました。リストに追加されたアイテムには、横に削除ボタンがあります。

リストの横にある削除リンクを使用してアイテムを削除する方法について、誰か賢いアイデアがあるかどうか疑問に思っていました. このリンクがクリックされたら、リストから削除したいのですが、クリーンで簡単な方法がわかりません。

Jsfiddle のデモ: http://jsfiddle.net/spadez/ZTuDJ/46/

// If JS enabled, disable main input
$("#responsibilities").prop('disabled', true);
// $("#responsibilities").addClass("hidden");

// If JS enabled then add fields
$("#resp").append('<input placeholder="Add responsibility" id="resp_input" ></input><input type="button" value="Add" id="add"> ');

// Add items to input field
var eachline='';
$("#add").click(function(){
    var lines = $('#resp_input').val().split('\n');
    var lines2 = $('#responsibilities').val().split('\n');
    if(lines2.length>10)return false;
    for(var i = 0;i < lines.length;i++){
        if(lines[i]!='' && i+lines2.length<11){
        eachline += lines[i] + '\n';
        }    
    }

    $('#responsibilities').text($("<div>" + eachline + "</div>").text()).before("<li>"+$("<p>"+lines+"</p>").text()+"<span class='right'><a href='#'>Remove</a></span></li>");

    $('#resp_input').val('');
});

私は人々がもっと多くの経験を持っていることを知っているので、これを達成する方法について誰かが私に助けやアドバイスを喜んで与えてくれれば、本当に感謝します.

4

2 に答える 2

1

このようなもの？：

$("ul li a").on("click", function(){
    $(this).parent().remove();
});

JSFiddle ここ

于 2013-06-18T20:25:50.857 に答える