JQuery: find and replace of attribute values

Question

I am having difficulty performing a find and replace of attribute values.

Consider this html:

<tr id="rules[0]">
    <td>
        <input id="rules0.isActive1" name="rules[0].isActive" type="checkbox" value="true"/><input type="hidden" name="_rules[0].isActive" value="on"/>
    </td>
    <td>
        <select id="rules0.leftCondition.name" name="rules[0].leftCondition.name">
            ...
        </select>
    </td>

I am looking to update each 's name attribute with the appropriate count e.g. rules[0].isActive is updated to rules[10].isActive

I am using this JQuery snippet:

$(newRow).find('[id*="rules"]').each(function(){
    // Update the 'rules[0]' part of the name attribute to contain the latest count 
    this.name.replace('rules\[0\]','rules\[$count\]');
});

where newRow is a variable holding the entire block and count holds the latest counter value. However, when I debug this code it seems that "this.name" is undefined.

Where am I going wrong here?

Thanks

Why do you serach for id and not for name?

jantimon
– jantimon

2012-01-04 15:37:40 +00:00
Commented Jan 4, 2012 at 15:37 — jantimon
– jantimon, Commented Jan 4, 2012 at 15:37

BenMorel · Accepted Answer · 2014-01-06 17:27:50Z

33

To update attribute of element you should use the .attr function. Also, when using this in jQuery context you must use $(this) syntax. If I understand your intentions so it should be something like that:

$(newRow).find('[id*="rules"]').each(function(){
    // Update the 'rules[0]' part of the name attribute to contain the latest count 
    $(this).attr('name',$(this).attr('name').replace('rules\[0\]','rules\[$count\]'));
});

edited Jan 6, 2014 at 17:27

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Jan 4, 2012 at 15:39

kaz

1,9431 gold badge13 silver badges19 bronze badges

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

Comments

Muru Bakthavachalam · Accepted Answer · 2014-03-07 21:19:43Z

11

try this: Assume row attribute name is 'filterCol' then you can set the new value to that attribute

$("#trId").attr("filterCol", newValue);

answered Mar 7, 2014 at 21:19

Muru Bakthavachalam

1,35012 silver badges8 bronze badges

Comments

Erik Escobedo · Accepted Answer · 2012-01-04 15:40:59Z

6

You should use $(this).attr('name') instead of this.name.

answered Jan 4, 2012 at 15:40

Erik Escobedo

2,80325 silver badges42 bronze badges

Comments

techfoobar · Accepted Answer · 2012-01-04 15:37:47Z

3

Try this:

$(this).attr('name', $(this).attr('name').replace('rules\[0\]','rules\[$count\]'));

answered Jan 4, 2012 at 15:37

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

Collectives™ on Stack Overflow

JQuery: find and replace of attribute values

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related