不应该出现的“下一步”按钮

Question

我有一个函数，下面是比较两个选择器中的文本。如果这两个选择器的最后一次出现相同，则“下一步”按钮将消失。目前，这不起作用。我不确定为什么会这样。仅供参考，我要选择的是模式“itemprop”，并且有些非典型。

这是小提琴 - https://jsfiddle.net/carbot3000/8qjdxsz7/3/

function showHide(){
  if ( $('#areall span[itemprop="reviewBody"]').last().text().trim() == $('.review span[itemprop="reviewBody"]:visible').last().text().trim())
   {
     $('.next').hide();
  }
  else if ($('#areaall span[itemprop="reviewBody"]').first().text().trim() == $('.review:visible span[itemprop="reviewBody"]').first().text().trim())
   {
     $('.prev').hide();
  }
 }

Answer 1

请像这样更改您的showHide 函数。

function showHide(){
if ( $("#areaall").children().last().index() == $("#areaall .review:visible").last().index())
  {
    $('.next').hide();
  }
  else if ($("#areaall").children().first().index() == $("#areaall .review:visible").first().index()) {
    $('.prev').hide();
  }
}

参考这个Updated Fiddle