配列から項目を削除してもjqueryが機能しない

Question

少し変更して機能させようとしましたが、成功しなかったという回答を見つけることができました。

私は項目を削除したいときに、ユーザのプレスXボタン：JSコードの

パート：

animals = temp; 
    for (var i = 0; i < animals.length; i++) { 
     newOutput += '<p>' + animals[i] 
        + '<input type="number" class="animals-input pull-right text-right" value="0" />' 
        + '<a href="#" onClick="deleteItem(' + animals[i] 
        + ')" class="pull-right delete-item">x</a></p>'; 
    }; 
    $('.animals-input').innerHTML = newOutput; 

full js fiddle code

任意のアイデア？

ありがとうございました。

Answer 1

あなたはこれを行うことができます。

for (var i = 0; i < animals.length; i++) { 

    newOutput.push('<p>' + animals[i] + '<input type="number" class="animals-input pull-right text-right" value="0" />' + '<a href="#" onClick="deleteItem(\'' + i + '\')" class="pull-right delete-item">x</a></p>'); 
    }; 
    $('#list').html(newOutput.join("")); 

Updated Demo

あなたがdeleteItem()のように、この

onClick="deleteItem(' + animals[i] + ')" 

へ

onClick="deleteItem(\'' + i + '\')" 

から変更する必要があります関数は配列の値ではなく配列のインデックスを渡しています。また、パラメータを関数に渡している間は引用符を付ける必要があります。そうしないと、エラーが発生します。