当用户单击链接时,我需要隐藏一个div。
html是这样的:
<div class="item">
<div class="entry">
Lorem ipsum
</div>
<a href="#" class="commentsToggle">Show/hide comments</a>
<div class="comments hidden">
This comments div I want show/hide
</div>
</div>
<div class="item">
<div class="entry">
Lorem ipsum
</div>
<a href="#" class="commentsToggle">Show/hide comments</a>
<div class="comments hidden">
This comments div I want show/hide
</div>
</div>
....there's multiple items after this
Run Code Online (Sandbox Code Playgroud)
默认情况下,注释是隐藏的(因此类隐藏在此处)。现在,如果用户单击“显示/隐藏评论”链接,则它应显示或隐藏该特定项目的评论,具体取决于它们是否可见。现在的问题是,我是否需要一些id来控制js使其仅挂接到该特定项目的项上,并且可以使用id来实现吗?
js就像atm一样:
$('.item .commentsToggle').click(function(){
elem = $(this).parents('.item');
$(elem).find('.comments').each(function() {
$(this).toggleClass('hidden');
});
});
Run Code Online (Sandbox Code Playgroud)
如果只有一项有效,但如果多项无效,则:/
这很简单..我只是不明白它实际上是怎么做的:D
如何使用jQuery检查输入字段的第一个字符是否为空?我需要检查,以便用户无法输入像"rreea"这样的用户名.允许第一个字符后的空格.例如,"他的名字"是可以的,但不接受"他的名字"或"他的名字".