Search code examples
javascriptjqueryhtmlgetelementsbyname

jQuery get element by name

I wanna transform our javascript to jQuery due to necessary reduction of characters. This is my HTML & Javascript

var shorty = document.getElementsByName("DPdays")[0].getElementsByTagName("td")[i].id;
<tr class="DPtag" name="DPdays">
	<td id="MO">&nbsp;</td>
    <td id="DI">&nbsp;</td>
    <td id="MI">&nbsp;</td>
    <td id="DO">&nbsp;</td>
    <td id="FR">&nbsp;</td>
    <td id="SA">&nbsp;</td>
    <td id="SO">&nbsp;</td>
</tr>

I tried those:

var shorty = $('.DPtag > td:eq('+i+')').attr('id');
var shorty = $('[name=DPdays] > td:eq('+i+')').attr('id');
var shorty = $('[name=DPdays] > td:eq('+i+')').id;

But none works. How can I do that?

Solution

  • actually you don't need jQuery to write it more concisely:

    document.querySelectorAll('[name=DPdays] td')[i].id

    but if you prefer jQuery

    $('[name=DPdays] td')[i].id