jQuery禁用上一个下一个按钮

Question

On a blogger blog I have two arrow shapes(div with border) with id left1 and right1 for navigation.

I am using jQuery on click to simulate click on 'previous post' and 'newer post'with id prevorig and neworig respectively.

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

Previous post has id prevorig and next post has 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>

However I am not able to hide these two elements with id left1 and right1 when it reaches the latest or the first post. In above case the actual links having id prevorig and neworig are not displayed. How can I do it. Thanks

Answer 1

Why dont you try

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

Use the same for blog-pager-older-link

if .hide() is not working due your jquery version try

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