在具有不同参数的不同页面中使用相同的JQuery函数

时间:2012-02-23 21:17:36

标签: jquery

我有几个页面具有相同的ul(无序列表),具有相同的内容,bur不同的链接:

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

问题是我根据一些参数制作了一个jquery函数会删除或不删除一些文章。

我的问题是,如果我在不同的页面中使用相同的类(“actions”)具有相同的ul,我该如何在我的函数中配置不同的参数。

我想我可以在页面中放置一些隐藏字段并从那里获取参数,但我认为这不是最好的方法..

你们有更好的主意吗?

由于

4 个答案:

答案 0 :(得分:2)

我会在你想要区分的元素上使用第二个类名。

答案 1 :(得分:1)

正如迪奥杜斯所提到的那样,将一个未使用的类名添加到你现有的名称中:

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

或者你没有id,那么你可以添加id或数据标签

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

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

取决于您的删除和方式

答案 2 :(得分:0)

使用<input type="hidden" value="somevalue" />是一种很好的方法。

如果您不喜欢它,您仍然可以使用新的HTML5数据属性。这些属性以data-开头,并且仅受您的想象力和创造力的限制。

示例:

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

以下是对这些属性的一个很好的解释:http://html5doctor.com/html5-custom-data-attributes/

答案 3 :(得分:0)

如果在页面加载时确定了这些操作,则可以使用PHP在呈现页面之前将所需参数回显到jQuery函数中。