jquery - 通过循环获取所有元素值

Question

我有这个 HTML:

<ul id="div_choices" class="sortable ui-sortable">
  <li data-original-title="" title="">
    <div class="input-prepend input-append">
      <input class="input_choice_text" type="text" placeholder="متن گزینه مورد نظر را وارد کنید">
    </div>
  </li>
  <li data-original-title="" title="">
    <div class="input-prepend input-append">
      <input class="input_choice_text" type="text" placeholder="متن گزینه مورد نظر را وارد کنید">
    </div>
  </li>
</ul>

我想用 jQuery 获取输入的文本。我写了这段代码，但它不起作用:

alert($("#div_choices > li:first > input").val());

alert($("#div_choices li").first().children("div .input_choice_text").val())

这确实有效:

$('#div_choices li:first div .input_choice_text').val()

现在，我想使用 for 循环获取所有输入值，我使用了 children、eq、nth-child 但它们都不起作用，这是为什么？

var node = $("#div_choices");
var node2 = $("#div_choices li:first div .input_choice_text");
for(var i=1;i<=node.children('li').length;i++) {
  var text = node2.next().children("div .input_choice_text").val();
  alltext += text + "\r\n";
}

Answer 1

您可以使用.map()方法:

var arr = $('#div_choices .input_choice_text').map(function(){
     return this.value;
}).get();

arr 是一个数组，如果需要字符串，可以使用 .join() 方法将数组转换为字符串:

var str = arr.join("glue");

.map() 迭代选定的元素，使用 for 循环，您可以这样做:

var $nodes = $("#div_choices .input_choice_text"),
    arr = [];

for(var i = 0; i < $nodes.length; i++) {
   arr.push( $nodes.eq(i).val() );
}

// arr.join(',');