How can I bind a click event using wildcard jquery?

Question

Possible Duplicate:
jQuery Selector: Id Ends With?

Suppose I have controls called ctl00_mstPartBase_lblTopPager and ctl00_mstPartBase_lblBottomPager.

These controls have many hyperlinks. I want to bind a click event for those hyperlinks. I have tried:

$('#lblTopPager #lblBottomPager a').click(function (e) {
        alert("click occured");
        e.preventDefault();

});

However the above code does not work because my control name is ctl00_mstPartBase_lblTopPager

How could I bind a click event with those hyperlinks when the parent control's name is not fixed, the only fixed parts are lblTopPager and lblBottomPager.

What code should I write such that a single click binding will work for all the hyperlinks in the two containers. Please help. Thanks

I did it in this way

    $('[id$=lblTopPager] a, [id$=lblBottomPager] a').live("click", function (e) {
        alert($(this).text() + ' this is my anchor text ');
        e.preventDefault();
    });

$(document).ready(function () { $('[id*=btnOk]').live("click", function () {

});

Have you tried binding the event to a class as opposed to the id? — El Guapo, Jul 20 '12 at 14:34
this are lblTopPager html tag. lblTopPager is span basically. i want to access it by id.....is it possible. — Thomas, Jul 20 '12 at 14:37

score 3 · Answer 1 · answered Jul 20 '12 at 14:36

3

This should select all the elements with id ending in lblTopPager

$("[id$=lblTopPager]")

and this should select all the a elements which parents id ends in lblTopPager

$("[id$=lblTopPager] a")

answered Jul 20 '12 at 14:36

MJC

3,871
4
23
34

http://stackoverflow.com/questions/303956/jquery-select-a-which-href-contains-some-string – Thomas Jul 23 '12 at 07:53

How can I bind a click event using wildcard jquery?

I did it in this way

1 Answers1