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');