Question

I want to show hidden span when button is click.
My html looks like:

<ul>
    <li>
         <span  class="sfFormlabel" style="display:none" >show</span>
        <div id="div1">
          <input type="button" value="show" class="show">
        </div>
    </li>
    <li>
         <span  class="sfFormlabel" style="display:none" >show1</span>
        <div id="div2">
          <input type="button" value="show" class="show">
        </div>
    </li>
</ul>

and jquery:

$('.show').live("click", function () {
    alert('test');
$(this).parent('li').children('span').show();
});

But I am fail to show hidden span.
jsfiddle

Answer 1

You need to use .parents or .closest instead of .parent.

$(this).parents('li').children('span').show();

Or

$(this).closest('li').children('span').show();

PS: .live is is deprecated, use .on instead.