如何在Jquery中處理每個輸入類型的嵌套

我試圖去關注類似的問題，但在這裏找不到任何東西。所以這是我的問題。我有一個多div的結構。每個div都有一個類名'testClass'。我需要獲取所有輸入類型的屬性，按鈕這裏是我的代碼，如何在Jquery中處理每個輸入類型的嵌套

<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中選擇輸入類型。

你能幫忙嗎？謝謝。

來源

2012-08-30 Pradip

哪些屬性做你需要？所有這些，或者只是'type'屬性？ – Alnitak

從選擇器'「div .testClass」'中刪除空格，即使用'「div.testClass」'。你以這種方式尋找那些屬於div的後代的元素，而不是那個類的div。 – nnnnnn

第二個'each'之後的額外點也出現在您的真實代碼中？ –

這應該工作：

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

如果你只需要按鍵，設置查找值 '：按鈕'

來源

2012-08-30 07:08:40 Endy

謝謝。（函數（）{/ *少數代碼*/ $（this）.find（'input，button'）。each。（function（））是否可能在以下代碼中使用：
$（「div .testClass」 { }）; }）; – Pradip

這將找到類'testClass'的所有div，然後搜索這些div內的所有輸入。確保div和.testClass之間沒有空格，只是div.testClass – Endy

也許你應該試試這個：

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

來源

2012-08-30 07:20:13

如何在Jquery中處理每個輸入類型的嵌套

回答

相關問題