Use same JQuery function in differents pages with different parameters

Question

I have a several pages which has the same ul (unordered list) with the same content, bur differents links:

<ul class='actions'>
    <li><a href='...'>1</a></li>
    <li><a href='...'>2</a></li>
    <li><a href='...'>3</a></li>
</ul>

The thing is that I made a jquery function wich according to some parameters will delete or not some of the li elments.

My question is, if I have the same ul with the same class ("actions") in different pages, how can I configure differents parameters in my function.

I guess that I can put some hidden field in the page and get the parameters from there, but I think it is not the best approach..

Do you guys have a better idea?

Thanks

You can't call the function from the individual pages and pass parameters through? — nnnnnn
– nnnnnn, Commented Feb 23, 2012 at 21:20
as mentioned on each new page load surely you could pass these elements into the jquery function on page load so for each page you pass in the require params "function removeme(param1, param2){.."? — Simon Davies
– Simon Davies, Commented Feb 23, 2012 at 21:29
I can call the function on the page, but I want unobtrusive code it will be almost the same if I pass params when the page load. — Richard Pérez
– Richard Pérez, Commented Feb 24, 2012 at 3:24

Diodeus - James MacFarlane · Accepted Answer · 2012-02-23 21:19:45Z

2

I'd use a second class name on the element that you wish to differentiate.

answered Feb 23, 2012 at 21:19

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Richard Pérez Over a year ago

Thanks at first I didn't get your idea but after see how Simon explained it, it was very clear.

Simon Davies · Accepted Answer · 2012-02-23 21:25:42Z

1

As Diodeus mentioned placing a not used class name in additon to what you currently have:

  <ul class='actions remove'>
      <li><a href='...'>1</a></li>
      <li><a href='...'>2</a></li>
      <li><a href='...'>3</a></li>
  </ul>

or as your not got an id then you could add an id or a data tag to the

  <ul class='action' id='removeme'>...</ul>

  <ul class='actions remove' data-rem='remove'>...</ul>

Depending what your removing and how

answered Feb 23, 2012 at 21:25

Simon Davies

3,6949 gold badges45 silver badges71 bronze badges

Comments

papaiatis · Accepted Answer · 2012-02-23 21:23:32Z

0

Using the <input type="hidden" value="somevalue" /> is a good approach.

If you don't like it you can still use the new HTML5 data attributes. Those attributes start with data- and it's only limited by your imagination and creativitation.

Example:

<button data-id="100" id="delete-item">.

Here's a good explanation of those attributes: http://html5doctor.com/html5-custom-data-attributes/

answered Feb 23, 2012 at 21:23

papaiatis

4,3114 gold badges28 silver badges39 bronze badges

Comments

xXPhenom22Xx · Accepted Answer · 2012-02-23 21:23:32Z

0

If these actions are determined on page load you could use PHP to echo the needed parameter into the jQuery function prior to the page being rendered.

answered Feb 23, 2012 at 21:23

xXPhenom22Xx

1,2855 gold badges30 silver badges63 bronze badges

Collectives™ on Stack Overflow

Use same JQuery function in differents pages with different parameters

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related