的foreach通过DIV

Question

我有关于通过下面的结构做一个循环了一些麻烦：

<div id="items"> 
    <p id="test1"> 
     <select name="1" id="1"><option>A</option><option selected>B</option></select> 
     <input type="text" name="to" id="to"> 
     <input type="text" name="away" id="awy"> 
    </p> 
    <p id="test2"> 
     <select name="2" id="2"><option>A</option><option selected>B</option></select> 
     <input type="text" name="to" id="to"> 
     <input type="text" name="away" id="awy"> 
    </p> 
    <p id="test3"> 
     <select name="3" id="3"><option>A</option><option selected>B</option></select> 
     <input type="text" name="to" id="to"> 
     <input type="text" name="away" id="awy"> 
    </p> 
</div> 

我需要通过TEST1，TEST2和TEST3运行和读取所选择的选项和文本字段的值（选择，去掉）。这样做，如果我在，例如test1的只拿到了一件事与查询没有问题：

$('#items').children('p').each(function() {...} 

但是，如果我添加了两个文本字段，并希望每个测试做到这一点（1-3）我没有想法...

任何想法？ 谢谢！

Answer 1

这个怎么样？

$('#items').find('select option:selected, input:text').each(function(){ 
     alert($(this).val()); //Value of each selected option and text field within the div 
}); 

Answer 2

ID应代表DOM中的唯一项。使用类代替，就像这样：

<input type="text" name="to" class="to"> 
<input type="text" name="away" class="awy"> 

Answer 3

你甚至需要做.children部分。

试试这个：

$('#items > p').each(function() { 
    // you can then use $(this) to reference the currently iterated p element. 
    // such as $(this).find('input[type="text"]:first'); 
    // or 
    // $(this).find('input[type="text"]:last'); 
}); 

Answer 4

注意：首先给的唯一ID的所有元素。

以下代码可能对您有所帮助。

$(‘p’).each(function(index){ 
this.children().get(0).val(); 

//now do for second and third also 
}