如何在Jquery中处理嵌套的每个输入类型

时间:2012-08-30 07:03:38

标签: jquery each

我试图照顾类似的问题,但在这里找不到任何问题。所以这是我的问题。我有一个多个div的结构。每个div都有一个类名'testClass'。我需要获取所有输入类型的属性,按钮 这是我的代码,

<body>

<div class="testClass">
    /* Few Code */
    <input type="text" id="txt1" /> <br/>   <input type="text" id="txt21" />
    /* Few Code */
    <button id="btn1">Button1</button>  
</div>

<div class="testClass">
    /* Few Code */
    <input type="text" id="txt2" /> <br/>   <input type="text" id="txt22" />
    /* Few Code */
    <button id="btn2">Button2</button>  
</div>

<div class="testClass">
    /* Few Code */
    <input type="text" id="txt3" /> <br/>   <input type="text" id="txt23" />
    /* Few Code */
    <button id="btn3">Button3</button>  
</div>

我试过以下

$("div .testClass").each(function() {

/* Some code present */

      $(this).find('input,button').each(function(){

      });
});

但它不起作用。如何在第一个语句之后从div类testClass中选择输入类型。

你可以帮忙吗?感谢。

2 个答案:

答案 0 :(得分:0)

这应该有效:

$("div.testClass").find(":input").each(function() {
    var type = $(this).attr('type');
    // Do something with the returned type
});

如果您只需要按钮,请将查找值设置为“:按钮”

答案 1 :(得分:0)

也许你应该试试这个:

$("div.testClass :input").each(function() {
    var type = $(this).attr('type');
});