Jquery Each Input Within DIV (Has A Table)

Question

Im currently trying to get all input elements from a DIV.

$("[required]").each(function() {

});

I have this code which returns every element with a required attribute.

I know within the function of that each() I can use each item like:

$(this)

So I get the div ID's shown below, and try to get all the inputs from it via:

var id = $(this).attr('id');
console.log("### " + id);
console.log($("#" + id + " > :input").length);

Which returns 0 when I have 4 in put elements within that DIV (also theres a table in the div).

What I would ideally like to do is for each input element within my div, print its ID.

UPDATED

<div id="contactAddress" required="true">

 <td>Addres line 1:</td>
 <td colspan="2">
 <input type="text"/>
 </td>
 <td>Addres line 2:</td>
 <td colspan="2">
 <input type="text" />
 </td>
 </tr>
</div>

console.log($(this).html());

Shows nothign but if i add anythign outsire the or like below...

 <div id="contactAddress" required="true">
 <input type="text" />

And run console.log($(this).html()); It shows it put not the table?

Any ideas im using Jquery Mobile

do you mena something like this $("#parent-id input[type=text]").each(function(){ }); ? — rorypicko
– rorypicko, Commented Jul 19, 2012 at 10:35

Brad · Accepted Answer · 2016-10-28 15:39:37Z

10

This below will find all inputs inside the div element. It will then leave a log of the id of this element.

$("div > input").each(function() {
  console.log( $(this).attr("id") );
});

if you need the div id containing the inputs you could use .parent()

$("input").each(function() {
  console.log( $(this).parent().attr("id") );
});

edited Oct 28, 2016 at 15:39

Brad

12.4k46 gold badges126 silver badges191 bronze badges

answered Jul 19, 2012 at 10:35

Undefined

11.4k5 gold badges40 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Lemex Over a year ago

Yes but for either the div ID or the this (being the div element)

Undefined Over a year ago

$(this) refers to each input as it goes through each. You need the id of the div?

Lemex Over a year ago

var id = $(element).attr('id'); $("#" + id + " > input")

Collectives™ on Stack Overflow

Jquery Each Input Within DIV (Has A Table)

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related