Question

I know how to disable one hyperlink at a time, so when user clicks on it then nothing will happen. Here is sample:

$('#myLink').click(function(e) {
    e.preventDefault();
    //do other stuff when a click happens
});

But now I have many hyperlink for my pager within li and div. It looks like:

<div id='pager'>
    <ul>
        <li>
            <a href='search.aspx?page=1'>1</a>
        </li>
        <li>
            <a href='search.aspx?page=2'>2</a>
        </li>
        <li>
            <a href='search.aspx?page=3'>3</a>
        </li>
        <li>
            <a href='search.aspx?page=4'>4</a>
        </li>
    </ul>
</div>    

I want to iterate in all hyperlink with in my div and enable/disable all through two routines. As a result when the user clicks then nothing will happen and no postback occurs. One routine will disable all and one routine will enable all hyperlink as before. How can this be achieved?

Answer 1

$('#pager a').click(function(e) {
e.preventDefault();
//do other stuff when a click happens
});