删除Div并获取隐藏字段值 - 最佳方法

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实现一些逻辑.

方案是如果span检查了类.我需要实现2件事

1. 在逗号分隔字段中获取type ="hidden"值(如果选中多个范围).例如:在上面的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/