如何在jQuery中使用此显示div

Question

what i need

• i just need to show div.

code

<a href="javascript:void(0);" id="viewdetail" onclick="$(this).show();" style="color:green">view detail
    <div class="speakers dis-non">

    </div>
</a>

• when I changed code to onclick="$('.speakers').show();" then its working fine.

  problem occurs:

  • onclick="$(this).show()"

  • no div is shown.

• i need when user click on particular anchor element then data should of that particular link click should be shown.

Answer 1

You have to target element using:

$(this).find('div').show();

Or to make it more specific with:

$(this).find('.speakers').show();

Answer 2

$(this) refers to the element you click on, in this case the a tag and not the div you want to show.

Try $(this).children('div').show();

Answer 3

您必须使用以下命令选择第一个div元素：

$('this').children('div').show();

Answer 4

这将在锚标记中显示div

$(this).children(".speakers").show();

Answer 5

$(this) refers to the clicked anchor instead of the div. Use $(this).children('div.speakers').show(); to target div with speakers class inside the anchor.

<a href="javascript:void(0);" id="viewdetail" 
    onclick="$(this).children('div.speakers').show();" 
    style="color:green">view detail
    <div class="speakers dis-non">

    </div>
</a>

Working demo: http://jsfiddle.net/fw3sgc21/