如何在jquery中使用它来显示div

what i need

我需要的

i just need to show div.
我只需要显示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.

当我将代码更改为onclick =“$（'。speakerss'）。show（）;”然后它的工作正常。

problem occurs:

出现问题：
- onclick="$(this).show()"
  
  的onclick = “$（本）.show（）”
- no div is shown.
  
  没有显示div。
i need when user click on particular anchor element then data should of that particular link click should be shown.

我需要当用户点击特定锚元素时，应该显示该特定链接点击的数据。

5 个解决方案

#1

You have to target element using:

你必须使用以下目标：

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

Or to make it more specific with:

或者使其更具体：

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

#2

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

$（this）指的是您单击的元素，在本例中是a标记而不是您要显示的div。

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

试试$（this）.children（'div'）。show（）;

#3

This will show the div inside the anchor tag

这将显示锚标记内的div

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

#4

You have to select first div element using:

你必须使用以下方法选择第一个div元素：

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

#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.

$（this）指的是单击的锚而不是div。使用$（this）.children（'div.speakers'）。show（）;使用锚点内的扬声器类来定位div。

<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/

工作演示：http：//jsfiddle.net/fw3sgc21/

#1