Convert function from jQuery("#page>ul>li:last>a").click() to Prototype

Question

I have a statement using jQuery as below:

jQuery("#page>ul>li:last>a").click();

How can I do that in Prototype?

score 3 · Accepted Answer · edited May 23 '17 at 11:58

3

The selector is the same in prototype as it is in jQuery. The difference is you have to use the $$ function in prototype and then iterate over each selected element :

$$("#page > ul > li:last > a").each(function(element) {
    eventFire(element, "click");
});

Looks like prototype does not have a method like jQuery's trigger. You can write a function like the one found in this answer:

function eventFire(el, etype){
  if (el.fireEvent) {
    (el.fireEvent('on' + etype));
  } else {
    var evObj = document.createEvent('Events');
    evObj.initEvent(etype, true, false);
    el.dispatchEvent(evObj);
  }
}

edited May 23 '17 at 11:58

Community

1
1

answered Sep 18 '11 at 19:08

Andrew Whitaker

124,656
32
289
307

If I use your way with the below, I will have: $$("#list > ul > li:last > a").each(function(element) { element.on('click',function(e){ //alert(e); }); }); – vietean Sep 19 '11 at 15:38
So, my question is, can I do that? Or something is wrong here? – vietean Sep 19 '11 at 15:38
@vietean: The jQuery code you posted does not bind an event handler to the click event: it *triggers* the click event on the selected elements. – Andrew Whitaker Sep 19 '11 at 15:53
how can I understand between trigger and event? – vietean Sep 19 '11 at 16:12
aha, I have read your link, and now I got it. Thanks. Love your answer. – vietean Sep 19 '11 at 16:16

score 1 · Answer 2 · answered Sep 18 '11 at 19:07

1

$$('#page>ul>li:last>a')[0].on('click',function(event){

 });

answered Sep 18 '11 at 19:07

Mike

1,042
1
8
14

1

The end call in the OPs post does not create a handler, it triggers the event. – Sunjay Varma Sep 18 '11 at 19:10
Additionally, the selector could return more than one `a` – Andrew Whitaker Sep 18 '11 at 19:12
@Andrew Whitaker, yes, you are right, then http://www.prototypejs.org/api/enumerable/each – Mike Sep 18 '11 at 19:22
it is fine for me (Prototype 1.7), on Firefox – vietean Sep 19 '11 at 15:30

Convert function from jQuery("#page>ul>li:last>a").click() to Prototype

2 Answers2