jQuery changing attribute of the element within an element

Question

I have a problem here, I couldn't set the attribute I wanted inside my table.

<tr id="ROW1" class="duplicate">
  <td>
    <textarea class="cl_text" cols="20" name="descriptions1"></textarea>
  </td>
  <td>
    <input class="cl_form" size="10" value="" name="expectedDate1">
  </td>
  <td>
    <input class="cl_form" size="10" value="" name="slxInput1">
  </td>
  ...
  ...
</tr>

I can change the attribute of the TD element but not those within it. I need to change all those elements within the TD elements, it's easy to change the first and last elements but how about the others? If possible, I just wanted to a loop that will do change all those attributes under #ROW1

EDITED: I added my code that isn't working;

$( "#ROW" + Num ).each(function(index) {
    temp = $(this).children(":first").attr("name");
    $(this).children(":first").attr("name", temp+Num);
});

You should browse through the jQuery documentation: api.jquery.com/category/selectors and api.jquery.com/category/traversing — Felix Kling
– Felix Kling, Commented May 7, 2012 at 11:39

Guffa · Accepted Answer · 2012-05-07 11:36:09Z

5

To change an attribute for all inputs and textareas in the table row:

$('#ROW1 textarea, #ROW1 input').attr('someattr', 'value');

answered May 7, 2012 at 11:36

Guffa

703k112 gold badges760 silver badges1k bronze badges

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

1 Comment

Felix Kling Over a year ago

Or if just the td have to be excluded: $('#ROW1 > td *') or similar.

Parv Sharma · Accepted Answer · 2012-05-07 11:36:31Z

1

$("#ROW1 td").each(function(){
   $.each($(this).children(
$(this).attr(//put some attribute)
));
})

answered May 7, 2012 at 11:36

Parv Sharma

12.7k5 gold badges52 silver badges83 bronze badges

3 Comments

MegaNairda Over a year ago

I somehow still need to add children() after $(this) to access the elements, thanks

Felix Kling Over a year ago

This does not make much sense... children does not accept an argument.

MegaNairda Over a year ago

Your right, I didn't notice that. It's just that I need to put the 'TD' element to make my script work that I didn't notice that part of the answer

Michael Robinson · Accepted Answer · 2012-05-07 11:32:39Z

0

To get all child elements of #ROW1:

$('#ROW1').find('*')

answered May 7, 2012 at 11:32

Michael Robinson

29.6k12 gold badges109 silver badges131 bronze badges

4 Comments

MegaNairda Over a year ago

But isn't the child elements of #ROW1 are the TD elements?

Guffa Over a year ago

@MegaNairda: The find method doesn't get only the immediate children, but also children of children, so it will get the td elements and all elements inside it.

Felix Kling Over a year ago

@Michael: No, what you refer to as "immediate children" are children and everything else are descendants... just like in real life. The children of my children are not my own children.

MegaNairda Over a year ago

The problem with this code is that it includes also those table elements which I do not need to change the attributes. I only need to change the attributes of the elements within those elements.

Collectives™ on Stack Overflow

jQuery changing attribute of the element within an element

3 Answers 3

1 Comment

3 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related