Question

120

How to get row of element in cell by javascript/jquery?

rated 0 times [ 123] [ 3] / answers: 1 / hits: 27334 / 12 Years ago, sun, march 18, 2012, 12:00:00

I have a simple table like this

<table id=tempTable>

    <tbody>

        <tr id=row_01>

            <td>

                <button onclick=btnclick(this); >Save Row</button>

            </td>

        </tr>

        <tr id=row_02>

            <td>

                <button onclick=btnclick(this); >Save Row</button>

            </td>

        </tr>

    </tbody>

</table>



function btnclick(e) {

    var currentRow = $(e).parent().parent();

    alert(currentRow.id);

}

I want to determine which row where the button clicked was placed. So I use some jquery method in btnclick() as you see abow. But sometime I don't know how deep level the button was placed in row (), so Im looking for a way to get an ancestor by tag <tr> of a element.

Anybody help me, thanks?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

marisela

Add To Favorites

Follow

Total Points: 103

Total Questions: 105

Total Answers: 102

Location: Solomon Islands

Member since Fri, Oct 8, 2021

3 Years ago

marisela questions

1 Access to XMLHttpRequest at '…' from origin 'localhost:3000' has been blocked by CORS policy

Wed, Aug 25, 21, 00:00, 3 Years ago

1 How to escape double and single quotes in a JSON array

Wed, Oct 21, 20, 00:00, 4 Years ago

1 TypeError: Cannot read property 'contentWindow' of undefined

Sat, Aug 15, 20, 00:00, 4 Years ago

1 Jest import statement: 'TypeError: Cannot set property 'fillStyle' of null'

Sun, Aug 2, 20, 00:00, 4 Years ago

1 Validation using Yup to check number length

Tue, Nov 19, 19, 00:00, 5 Years ago

View All

answered 12 Years ago ezequiel · Accepted Answer

Try this :

function btnclick(e) {

    var currentRow = $(e).closest('tr');

    alert(currentRow.id);

}

The closest() function will return the closest ancestor referenced by its selector. In this case the selector is simple a <tr> element.

Taken from the jQuery docs :

.closest( selector )

Get the first element that matches the selector, beginning at the current element and progressing up through the DOM tree.

A better method could be used if you change your HTML a little bit. If you placed the same class on each of your buttons.

Eg :

<td>

  <button class=myBtnClass >Save Row</button>

</td>

Then your jQuery would look like this :

$(.myBtnClass).on('click',function(){

    var currentRow = $(this).closest('tr');

    alert(currentRow.attr('id'));

});

This function will capture a click on any element with the .myBtnClass class.