Home/ Questions/Q 8451127
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T11:09:13+00:00

I tried to look after a similar problem but couldn’t find any here. So

  • 0

I tried to look after a similar problem but couldn’t find any here. So here is my problem. I have a structure with multiple div. Each div have a class name ‘testClass’. I need to fetch the attributes of all input types, button
Here is my code,

<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>

I have tried following

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

/* Some code present */

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

      });
});

but it is not working. How can i select input types from div class testClass after the first each statement.

Could you help? Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should work:

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

    If you just need the buttons, set the find value to ‘:button’

    • 0