0

リストに追加されたときに新しい並べ替え可能な要素に ID を割り当てるコードをいくつか適応させました。

ID は、リストの特定の要素とクエリを削除して、特定の要素が 2 回以上追加されないようにするために必要です。

Javascript の追加関数と削除関数のコードを次に示します。add 関数によって、theId という ID を持つ新しいリスト要素が作成されることがわかります。delete 関数は、明らかにリスト全体である「this」を削除します。

問題は、リスト内の個々の要素を明示的に参照するための構文は何かということです。これにより、それらを削除したり、関数からリストに存在する要素に対してクエリを実行したりできます。

$('#add').click(function() {
  var $li = $(' <li class="ui-state-default">
  <span class="ui-icon ui-icon-arrowthick-2-n-s"> </span>Item 3</li>');
  var theId = 1;
  $li.attr("id", theId);
$('#sortable').append($li);
 alert('added id: ' + theId);
});

$("#sortable .delete").click(function() { 
$(this).parent().remove();
  });

私のコードのJSフィドル

4

2 に答える 2

1

y 単純に検索しない

$("#sortable .delete").click(function() { 
    $('#theId').remove()
});

編集

$("#sortable .delete").click(function() { 
    $('#1').remove()
});
于 2013-03-05T12:01:02.017 に答える
1

ID は、ここでは少し厄介です (ただし、一意にする必要がある場合は、li ごとに同じ ID を作成していることに注意してください)。

ただし、問題は、削除ボタンがクリックされたときに、その親 (この場合は ul #sortable) を見つけて削除すると言っていることです。あなたがしたいことは、リストから最後の項目を削除することだと思います。だからあなたはただ言うことができます：

$("#sortable .delete").click(function() { 
    $('#sortable').find('li:last-child').remove();
});
于 2013-03-05T12:01:10.703 に答える