Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅当有2段或更多段时,才在1段后插入按钮 jQuery(文档).ready(函数($){ 如果($('p')。长度1),这样,如果有两个或更多的p,您将显示该文本div的按钮_Javascript_Jquery_Html - Fatal编程技术网

Javascript 仅当有2段或更多段时,才在1段后插入按钮 jQuery(文档).ready(函数($){ 如果($('p')。长度1),这样,如果有两个或更多的p,您将显示该文本div的按钮

Javascript 仅当有2段或更多段时,才在1段后插入按钮 jQuery(文档).ready(函数($){ 如果($('p')。长度1),这样,如果有两个或更多的p,您将显示该文本div的按钮,javascript,jquery,html,Javascript,Jquery,Html,这是一篇文章的例子,你可以编辑它,把你自己或你的网站的信息放进去,让读者知道你来自哪里。你可以创建任意数量的帖子,以便与读者分享你的想法 这是一篇文章的例子,你可以编辑它,把你自己或你的网站的信息放进去,让读者知道你来自哪里。你可以创建任意数量的帖子,以便与读者分享你的想法 这是一篇文章的例子,你可以编辑它,把你自己或你的网站的信息放进去,让读者知道你来自哪里。你可以创建任意数量的帖子,以便与读者分享你的想法 如果有两个或更多段落,我只想在第一段后面添加按钮 jQuery在第一段后面添加了按钮

这是一篇文章的例子,你可以编辑它,把你自己或你的网站的信息放进去,让读者知道你来自哪里。你可以创建任意数量的帖子,以便与读者分享你的想法

这是一篇文章的例子,你可以编辑它,把你自己或你的网站的信息放进去,让读者知道你来自哪里。你可以创建任意数量的帖子,以便与读者分享你的想法

这是一篇文章的例子,你可以编辑它,把你自己或你的网站的信息放进去,让读者知道你来自哪里。你可以创建任意数量的帖子,以便与读者分享你的想法

如果有两个或更多段落,我只想在第一段后面添加按钮


jQuery在第一段后面添加了按钮。如果每篇文章只有一段文字,我不想添加它。我只想在至少有两段的时候添加它

更新:基本上,如果只有一个段落,我不需要运行任何jQuery,所以我想我只需要一个条件


更新2:与此类似,但是对于段落

,您必须使用
$(“.text”).检查每个文本div的条件。每个(function()
使用
如果((textBox.find('p').length)>1)
,这样,如果有两个或更多的
p
,您将显示该文本div的按钮

下面是一个示例代码

$(文档).ready(函数(){
$(“.content.entry content”).each(函数(){
var contentBox=$(这个);
如果(contentBox.find('p').length>1){
var lastOne=contentBox.find('p')。长度-1;
append('readmore');
$('.content.entry content p')。非('.entry content p:first child')。换行('';
contentBox.find(“.text”).hide();
contentBox.find(“.btn”)。单击(函数(){
if($(this.attr('class').indexOf('btnDown')==-1){
contentBox.find(“.text”).slideDown(“慢”);
$(此).addClass(“btnDown”);
$(this.html(“少读”);
}否则{
contentBox.find(“.text”).slideUp(“slow”);
$(this.removeClass(“btnDown”);
$(this.html(“阅读更多”);
}
});
}
});
});
.text{
背景颜色:绿色;
保证金:5px0;
}
.btn{
背景色:红色;
}
.内容{
边框:2件纯黑;
保证金:5px0;
}

这是一篇文章的例子,你可以编辑它来放置关于你自己或你的网站的信息,以便读者知道你来自哪里。你可以创建任意多的文章,以便与读者分享你的想法

这是一篇文章的例子,你可以编辑它来放置关于你自己或你的网站的信息,以便读者知道你来自哪里。你可以创建任意多的文章,以便与读者分享你的想法

这是一篇文章的例子,你可以编辑它来放置关于你自己或你的网站的信息,以便读者知道你来自哪里。你可以创建任意多的文章,以便与读者分享你的想法

这是一篇文章的例子,你可以编辑它来放置关于你自己或你的网站的信息,以便读者知道你来自哪里。你可以创建任意多的文章,以便与读者分享你的想法

这是一篇文章的例子,你可以编辑它来放置关于你自己或你的网站的信息,以便读者知道你来自哪里。你可以创建任意多的文章,以便与读者分享你的想法

这是一篇文章的例子,你可以编辑它来放置关于你自己或你的网站的信息,以便读者知道你来自哪里。你可以创建任意多的文章,以便与读者分享你的想法

这是一篇文章的例子,你可以编辑它来放置关于你自己或你的网站的信息,以便读者知道你来自哪里。你可以创建任意多的文章,以便与读者分享你的想法


您必须使用
$(“.text”).each(function()
if((textBox.find('p').length)>1)
检查每个文本div的条件,以便如果有两个或更多的
p
,您将显示该文本div的按钮

下面是一个示例代码

$(文档).ready(函数(){
$(“.content.entry content”).each(函数(){
var contentBox=$(这个);
如果(contentBox.find('p').length>1){
var lastOne=contentBox.find('p')。长度-1;
append('readmore');
$('.content.entry content p')。非('.entry content p:first child')。换行('';
contentBox.find(“.text”).hide();
contentBox.find(“.btn”)。单击(函数(){
if($(this.attr('class').indexOf('btnDown')==-1){
contentBox.find(“.text”).slideDown(“慢”);
$(此).addClass(“btnDown”);
$(this.html(“少读”);
}否则{
contentBox.find(“.text”).slideUp(“slow”);
$(this.removeClass(“btnDown”);
$(this.html(“阅读更多”);
}
});
}
});
});
.text{
背景颜色:绿色;
保证金:5px0;
}
.btn{
背景色:红色;
}
.内容{
边框:2件纯黑;
保证金:5px0;
}

这是一篇文章的例子,你可以编辑它,把你自己或你的网站的信息,让读者知道你在哪里
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

jQuery(document).ready(function($) {

if ( $('p').length < 1 ) { 

$('p:last-child').after('<div id="toggle" class="btn">Read More</div>');

$('p').not('.entry-content p:first-child').wrap('<div class="text" />');  

}

$("#toggle").click(function() {

    var elem = $("#toggle").text();

    if (elem == "Read More") {

      $("#toggle").text("Read Less");
      $("#text").slideDown("slow");

    } else {

      $("#toggle").text("Read More");
      $("#text").slideUp("fast");
    }

  }); });



<p>This is an example of a post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>

<p>This is an example of a post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>

<p>This is an example of a post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</p>
$(function($) {
  if($('p:nth-child(2)').length) {
    $('p:first-child').after('<div id="toggle" class="btn">Read More</div>');
  }
});