jQuery选择器问题请教

Question

<div id="group1">
   <input type="text" id="username"/>
</div>
请问用jQuery选择器如何取到input文本框里的值？
$("#group1")选择到div层后，如何再选择里面的元素呢？如果还是按元素ID来选择的话？

Answer 1

直接使用$("#username")取得文本框

Answer 2

非要使用的话，可以
$("#group1").find("#username").val()不过有点多余

Answer 3

因为结构是这样的<div id="group1"> 
  <input type="text" id="username"/> 
</div> <div id="group2"> 
  <input type="text" id="username"/> 
</div> <div id="group3"> 
  <input type="text" id="username"/> 
</div> 3文本框ID相同，但在不同的层里，我想分别取值。

Answer 4

一个页面里id最后唯一
或者 如果里面只有一个input也可以去年id这样
$("#group1").find("input").val() 

Answer 5

1
(1)  $(":input").val();  $(":text").val()
(2)  $("div input").val();
(3)  $("#username").val();
2 
id唯一，大胆的$("#username").val();

Answer 6

那你就用 $("#group1").find("#username").val() 这种方法好了。

Answer 7

$("#group1").children("#username").val();或者$("#group1").children("input").val();

Answer 8

   var content=""; 
   for(var i =1;i<4;i++){
       var $temp_id = "#group" + i;
   content += $(""+$temp_id+"").children("input").val();
   }
   alert(content)
这样也行