Select an element with a specified class with parent in JQuery

Question

I don't know what's wrong, i have as follows:

<tr>
  <td><span class="idTask">1</span></td>               
  <td><span>Another Hello</span></td>                              
  <td><img class="delete" src="img/delete.png" alt="Edit" /></td>
  <td><input type="checkbox" name="delete[]" value="" /></td>
</tr>

When i click a button a function calls to iterate through the all checked box for being delete, i need to retrieve the value from idTask, i'm trying to do as follows:

$(function(){
    $(".deleteAll").click( function(){
    var conf=confirm("Are you sure?");
    if(conf==true) {  
        $(':checkbox').each(function () {
        if(this.checked) {
            alert(($(this)).parent().find('.idTask').text());
        } 
        });
    }
    });
});

But doesn't work, with prev() or next() works, but is not for me an elegant way to do this, any suggestions for find a children element matching his class inside a parent to retrieve his value?

VisioN · Accepted Answer · 2012-07-06 09:40:33Z

1

The parent of the checkbox is <td> but not <tr>. You should better use closest():

$(".deleteAll").click(function() {
    if (confirm("Are you sure?")) {
        $(":checkbox").each(function() {
            if (this.checked) {
                // --------------.-.-.-.-.-.-.
                //               v v v v v v v
                var id = $(this).closest("tr").find(".idTask").text();
                alert(id);
            }
        });
    }
});

answered Jul 6, 2012 at 9:40

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

2 Comments

Enot Over a year ago

Wow, thanks VisioN! You save my day! I use before closest, but i was wrong giving "td" instead "tr" closest suppose to find the all elements that match with the checkbox in this case, and search for his childrens, right? I think i misunderstanding some concepts.

VisioN Over a year ago

Easily speaking, closest finds the first element that matches the selector within all parents of your checkbox in the DOM tree. So in our case it will find the first tr.

Collectives™ on Stack Overflow

Select an element with a specified class with parent in JQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related