小编use*_*269的帖子

使用jQuery切换类

当用户单击链接时,我需要隐藏一个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 show-hide

4
推荐指数
1
解决办法
2万
查看次数

检查第一个字符是否为空格

如何使用jQuery检查输入字段的第一个字符是否为空?我需要检查,以便用户无法输入像"rreea"这样的用户名.允许第一个字符的空格.例如,"他的名字"是可以的,但不接受"他的名字"或"他的名字".

validation jquery input textfield

2
推荐指数
2
解决办法
1万
查看次数

标签 统计

jquery ×2

input ×1

show-hide ×1

textfield ×1

validation ×1