Find div in td using jquery

Question

I am trying to get div from 15th td column and set width of div to 300px.

I have table summary to recognize the table. How to do set width?

<table  summary="Copy and Design RFP">
....
...
/* column15*/
<td class="ms-vb2">
    <div dir="">1/9/14 - 1st draft sent</div>
</td>

So far I wrote

 $(document).ready(function () {
        if (window.location.href.indexOf("dept/mkt/Lists/Request for Projects/Active Projects.aspx") > -1) {
            $('table[summary="Copy and Design RFP"] tr td:nth-child(15)').each(function() {
                var id = $(this).find('div'); // This is not working
            });
        }
    });

$('table[summary="Copy and Design RFP"] td:eq(14) div').width(300) — adeneo
– adeneo, Commented Jun 9, 2014 at 19:32

Marc B · Accepted Answer · 2014-06-09 19:30:04Z

2

Use the nth-child selector:

$('table[summary="Copy and Design RFP"] td:nth-child(15) div').css('width', '300px');

answered Jun 9, 2014 at 19:30

Marc B

362k44 gold badges433 silver badges508 bronze badges

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

5 Comments

PeterKA Over a year ago

You do have metacharacters in your selector that may need to be escapped.

adeneo Over a year ago

Maybe you could tell us why your version works and the OP's doesn't, as you're using almost the same selector ?

Marc B Over a year ago

OP's stopping the search at the td level, then doing an each, trying to find any divs which are children of that already child element. unless the node has td div div, the search will find nothing.

adeneo Over a year ago

Not really, the each() is called on the single TD element, and inside it does $(this).find('div') where this would be the TD, which would be the same as your selector, so why would your selector find it and not the OP's each() call, however strange it is ?

PeterKA Over a year ago

My bad!! @War10ck I was referring to MarcB's answer but I was mistaken.

Alex Char · Accepted Answer · 2014-06-09 19:39:03Z

0

I create this solution:

js

var i = 1;
$("table tr").children().each(function(){
    if(i==15){
     var div = $(this).find("div");
     $(div).attr("style","height:300px;");
    }
    i++;
});

fiddle

answered Jun 9, 2014 at 19:39

Alex Char

33.2k9 gold badges51 silver badges71 bronze badges

Collectives™ on Stack Overflow

Find div in td using jquery

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related