배열에서 항목을 제거하는 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 + '\')" 

에서 변경해야 함수는 배열 값이 아닌 배열 인덱스를 전달합니다. 또한 함수에 매개 변수를 전달하는 동안 따옴표를 넣어야합니다. 그렇지 않으면 오류가 발생합니다.