「次の」ボタンが表示されないときに表示される

Question

私は以下の2つのセレクタのテキストを比較する関数を持っています。これらのセレクタの両方が最後に出現した場合は、「次へ」ボタンが消えます。現在、これは動作していません。なぜこれが起こっているのか分かりません。ちょうどfyi、私が選択しようとしているのは、スキーマ '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