javascript - 随机选择一个段落 jQuery AJAX

Question

当我单击页面上的按钮时，我尝试从选定的段落中随机显示单个段落。现在，如果我硬编码一个数字，它会显示一个段落，但是当我尝试随机选择一个段落(使用 $( "p:nth-child(set)") 时，它就会被破坏。

我的Javascript如下:

$( "#toggleweight" ).click(function() {
  var set =Math.floor((Math.random()* $('p').length )+1);
  $.ajax({success:function(result){
       $( "p:nth-child(set)" ).fadeIn( 3200 );
    }});
});

我的 HTML:

        <div id="button">
          <a class="btn" href="#" id="toggleweight">Cool button. </a>
        </div>
        <div id = "button2">
          <% array = ["ASDF", "FDSA"] %>
          <% array.each do |display| %>
          <p class="btn" style="display: none"><%= display %></p>
         <% end %>
        </div>

Answer 1

你的问题是 set 是一个字符串。你需要 "p:nth-child("+ set+ ")"

编辑:为了摆脱当前段落并显示新段落，您需要在选择它时添加一个类，然后淡出该类...

$.ajax({
   success:function(result) {
      $(".shown").removeClass("shown").fadeOut(3200);
      $( "p:nth-child("+set+")" ).fadeIn( 3200 ).addClass("shown");
   }
});