jquery - foreach 与 jquery 元素

标签 jquery

我希望每个“p”元素在单击按钮时显示。但它不起作用,请帮忙。

<script>
$(document).ready(function(){
$("p").hide();
    $("button").click(function(){
            $('p').each(function() {
                //alert($(this).text());
               var abc = $(this).text();
              abc.next().show();
              });
    });     
});
</script>


<button>Toggle</button>
<p>Hello</p>
<p>Good morning</p>
<p>Good after noon</p>
<p>Good evening</p>
<p>Good night</p>

<div></div>

最佳答案

$("p").hide();

$("button").click(function(){
    $('p').each(function () {
        if (!$(this).is(":visible")) {
            $(this).show();
            return false;
        }
    });
});

关于jquery - foreach 与 jquery 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7572816/

相关文章:

javascript - CheckBoxList - onclick() JS 函数如何检测 CheckBox 外部的点击(HTML 输入)

javascript - 如何在更改时附加 url

javascript - jquery测试函数无法正常运行

javascript - 我怎样才能阻止这个事件发生?

jquery - 悬停在链接列表上的效果

javascript - appendTo 不适用于 jquery 中的每个

jquery - 在jquery中获取段落值

javascript - jQuery - el.val(!e.val()) 返回 false

jquery - 自定义 jQuery slider 重复相同的图像

javascript - 如何将当前元素传递给 Knockout.js 绑定(bind)中的 Javascript 函数?