SyntaxFix

Write A Post

Hire A Developer

Questions

Tags

[jquery] jQuery: get parent tr for selected radio button

I have the following HTML:

<table id="MwDataList" class="data" width="100%" cellspacing="10px">
    ....

    <td class="centerText" style="height: 56px;">
        <input id="selectRadioButton" type="radio" name="selectRadioGroup">
    </td>

    ....
</table>

In other words I have a table with few rows, in each row in the last cell I have a radio button.
How can I get parent row for selected radio button?

What I have tried:

function getSelectedRowGuid() {
    var row = $("#MwDataList > input:radio[@name=selectRadioGroup]:checked :parent tr");
    var guid = GetRowGuid(row);
    return guid;
}

But it seems like this selector is incorrect.

This question is related to jquery jquery-selectors parent tablerow

The answer is

Try this.

You don't need to prefix attribute name by @ in jQuery selector. Use closest() method to get the closest parent element matching the selector.

$("#MwDataList input[name=selectRadioGroup]:checked").closest('tr');

You can simplify your method like this

function getSelectedRowGuid() {
    return GetRowGuid(
      $("#MwDataList > input:radio[@name=selectRadioGroup]:checked :parent tr"));
}

closest() - Gets the first element that matches the selector, beginning at the current element and progressing up through the DOM tree.

As a side note, the ids of the elements should be unique on the page so try to avoid having same ids for radio buttons which I can see in your markup. If you are not going to use the ids then just remove it from the markup.

Source: Stackoverflow.com

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to jquery-selectors

• Why is my JQuery selector returning a n.fn.init[0], and what is it? • How to use placeholder as default value in select2 framework • Access the css ":after" selector with jQuery • jQuery: using a variable as a selector • Check if any ancestor has a class using jQuery • jQuery selector first td of each row • Select element by exact match of its content • jQuery selector to get form by name • jQuery : select all element with custom attribute • Set select option 'selected', by value

Examples related to parent

• parent & child with position fixed, parent overflow:hidden bug • How can I return to a parent activity correctly? • How to call a parent method from child class in javascript? • Make div (height) occupy parent remaining height • jQuery: get parent tr for selected radio button • Select parent element of known element in Selenium • fork() child and parent processes • How do I get the n-th level parent of an element in jQuery? • How to delete parent element using jQuery • PHP Accessing Parent Class Variable

Examples related to tablerow

• jQuery append and remove dynamic table row • Live search through table rows • How to show multiline text in a table cell • jQuery each loop in table row • jQuery: get parent tr for selected radio button