jQuery禁用上一個下一個按鈕

Question

在一個博客博客中，我有兩個箭頭形狀（帶有邊框的div），分別具有ID left1和right1用於導航。

我在單擊時使用jQuery模擬分別使用ID prevorig和neworig的“上一個帖子”和“較新的帖子”的單擊。

jQuery(document).ready(function () {
    jQuery('#left1').on('click', function () {
        jQuery('#prevorig')[0].click();
    });
});

上一篇文章的ID為prevorig，下一篇文章的ID為nextorig。

<ul class='pager'>
    <b:if cond='data:newerPageUrl'>
        <li class='next'>
            <a class='blog-pager-newer-link' id='neworig' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
        </li>
    </b:if>
    <b:if cond='data:olderPageUrl'>
        <li class='previous'>
            <a class='blog-pager-older-link' id='prevorig' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
        </li>
    </b:if>
</ul>

但是，當到達最新或第一篇文章時，我無法隱藏ID為left1和right1的這兩個元素。 在上述情況下，不顯示具有id prevorig和neworig的實際鏈接。 我該怎么做。 謝謝

Answer 1

你為什么不嘗試

if ($( "#left1" ).length){
    if  ($("#left1").attr('href') == '') { 
     $(this).hide(); 
    }
}

對blog-pager-older-link使用相同的

如果.hide（）由於您的jquery版本不起作用，請嘗試

$(this).css('display','none');