How to check if child exists

Question

I have a div which could potentially have a hyperlink with an id of reply. How can I check if that a[id=reply] exists? I thought it might be something like this but it alerts the message even if that hyperlink does not exist.

if($('div[chunk_id='+reply_chunk_id+']').children('a[id=reply]')){              
    alert('test');
}

Answer 1

Check the .length of the selector to see how many elements it matched, in this case:

if($("#reply").length) {
  //child exists
}

However, it sounds like you have multiple elements with id="reply", which is invalid. Instead use class="reply" and your selector will look like this:

if($("div[chunk_id='"+reply_chunk_id+"'] > a.reply").length){  
  //child exists
}

Answer 2

Another way to do it :

if($("div[chunk_id="+reply_chunk_id+"]").children('.reply').length > 0){
    // it exists
}