how to add attribute with value in td tag with jquery

Question

I have one table that has 2 row and 3 column. I want add 2 attribute to any td that detect place it. (these attributes are col & row that show column and row for any tds.)

this is my code :

<table id="tab">
  <tr id="rows">
    <td></td>
    <td></td>
    <td></td>
  </tr>

  <tr id="rows" style="top:50px">
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

and I want use loop that add 2 attribute in it any level for any td and at last I want to get this code but I cannot do it:

<table id="tab">
  <tr id="rows">
    <td col="1" row="1"></td>
    <td col="2" row="1"></td>
    <td col="3" row="1"></td>
  </tr>

  <tr id="rows" style="top:50px">
    <td col="1" row="2"></td>
    <td col="2" row="2"></td>
    <td col="3" row="2"></td>
  </tr>
</table>

What are you having problems with? What isn't working?

Blender
– Blender

2013-07-28 06:35:34 +00:00
Commented Jul 28, 2013 at 6:35 — Blender
– Blender, Commented Jul 28, 2013 at 6:35
my problem is I don't know how add attr to tag

money
– money

2013-07-28 06:36:59 +00:00
Commented Jul 28, 2013 at 6:36 — money
– money, Commented Jul 28, 2013 at 6:36
$(elem).attr('foo', 'bar')

Blender
– Blender

2013-07-28 06:37:17 +00:00
Commented Jul 28, 2013 at 6:37 — Blender
– Blender, Commented Jul 28, 2013 at 6:37

frogatto · Accepted Answer · 2013-07-28 06:40:29Z

8

You can do it by this jQuery:

$("#tab tr td").each(function(){
    $(this)
        .attr("col", $(this).index() + 1)
        .attr("row", $(this).parent().index() + 1);
});

answered Jul 28, 2013 at 6:40

frogatto

29.4k13 gold badges90 silver badges137 bronze badges

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

Comments

Bhojendra Rauniyar · Accepted Answer · 2013-07-28 06:47:08Z

3

documentation will help

$('selector').attr('name', 'value');

answered Jul 28, 2013 at 6:47

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

Collectives™ on Stack Overflow

how to add attribute with value in td tag with jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related