Question

我需要什么

我只需要显示div。

码

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

    </div>
</a>

当我将代码更改为onclick="$('.speakers').show();"时，其工作正常。
出现
问题：
- onclick="$(this).show()"
- 没有显示div。
当用户点击特定锚元素时，我需要显示该特定链接点击的数据。

Answer 1

你必须使用：

来定位元素

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

或者更具体地说：

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

Answer 2

$(this)指的是您点击的元素，在这种情况下是一个标记，而不是您想要显示的div。

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

Answer 3

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

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

Answer 4

这将显示锚标记内的div

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

Answer 5

$(this)指的是点击的锚点而不是div。使用$(this).children('div.speakers').show();以锚点内的speakers类为目标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>

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

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

5 个答案: