Selecting parent and parent's sibings in a single jquery/javascript statement

Question

Is this jquery/javascript statement correct and valid.

$('.icon_edit').click(function(){
  $(this).parent().hide().siblings('span').hide();
});

<div class="dataBox">
 <span>
  <input class="chkbox" type="checkbox"/>
 </span>
 <span class="memName">test1</span>
 <span class="memNum">9791091380</span>
 <span class="memDesc">test 1</span>
 <span>
  <a class="icon-delete" >&nbsp;</a>
  <a class="icon-edit" >&nbsp;</a>
 </span>
 <div>
  <input class="editName"/>
  <input class="editNum"/>
  <input class="editDesc"/>
 </div>
</div>

I was actually trying to hide the selected elements parent + all the siblings of the parent which are 'span' element in a single statement. Is there a better way to do this.? NB:Actually this code is working for me. But not sure if its violating any syntax or selection rules of javascript/jquery.This is how I did it in 2 statements

$(this).parent().hide().siblings('span').hide();
$(this).parent().hide();

This should be moved to [codereview.se]. Add the HTML markup. — Tushar, Sep 28 '15 at 14:07
Try `$(this).parent().hide().end().siblings('span').hide();` — Tushar, Sep 28 '15 at 14:13

score 1 · Accepted Answer · answered Sep 28 '15 at 14:11

1

This is an alternative approach,

$(this).parent().siblings('span').andSelf().hide();

Fiddle

answered Sep 28 '15 at 14:11

Anoop Joshi P

25,373
8
32
53

`.andSelf` will select the `` or its parent ``?? – Johnson Sep 28 '15 at 14:35
thanks man. that did really worked.. – Johnson Sep 29 '15 at 05:22

Selecting parent and parent's sibings in a single jquery/javascript statement

1 Answers1