사업부를 삭제하고 숨겨진 필드 값을 얻을 - 가장 좋은 방법

Question

을 나는 아래의 HTML 샘플을

<div id="TestDiv_0"> 
    <input id="hf_0" type="hidden" value="0"> 
    <span class="checkBox checked"> 
</div> 
<div id="TestDiv_1"> 
    <input id="hf_1" type="hidden" value="10"> 
    <span class="checkBox checked"> 
</div> 
<div id="TestDiv_2"> 
    <input id="hf_2" type="hidden" value="23"> 
    <span class="checkBox"> 
</div> 

동적 HTML을 가지고 JQUERY 사용하여 몇 가지 논리를 구현하기 위해 노력하고

암 성장을 할 수 있습니다.

스팬 클래스 .I이 (여러 범위를 선택하면) 쉼표 Seprated 필드에 유형 = "숨겨진"값 받기 2 일

1. 를 구현해야 확인할 경우 시나리오가 입니다. 예 : 위 HTML에서 변수 0,10을 가져와야합니다.

2. 특정 Div를 제거하십시오. 예 : 위의 HTML에서 TestDiv_0, TestDiv_1을 제거해야합니다.

이것을 구현하는 가장 좋은 방법은 무엇입니까? div 수를 구하고 클래스를 찾아 Div를 제거하기 위해 반복했습니다. 그러나 더 좋은 방법이있을 것이라고 생각했습니다.

Answer 1

var arr = $('span.checked').map(function(){ 
    var id = $(this).siblings("input[type='hidden']").val(); 
    $(this).closest('div').remove(); 
    return id; 
}).get().join(','); 

데모 -->http://jsfiddle.net/pEnDY/

Answer 2

이 시도 :

var values = []; 

// get all spans with class 'checked' 
$('div > span.checked').each(function() { 

    // get the hidden field value 
    values.push($(this).prev('[type="hidden"]').val(); 

    // remove the div containing this span 
    $(this).parent().remove(); 

}); 

// get comma separated values 
values = values.join(','); 

Answer 3

DEMO

var checkedItems=[]; 
function handleChecked(){ 
    $("span.checked").each(function(){ 
     checkedItems.push($(this).siblings("input[type='hidden']").val()); 
     $(this).parent().remove(); 
    }); 
    console.log(checkedItems); 
} 
handleChecked();