Jquery - 如何通过类名传递多个变量？

发布于 2024-11-06 16:07:09 字数 673 浏览 0 评论 0原文

我想创建一个通用/可扩展的类，它能够接受无变量或多个变量并处理它。我想学习如何检查存在哪个字段、通过的字段数量并对其执行某些操作。 'fruitstall' 类可以接受 0 个或多个水果变量。

HTML：

<div class="fruitstall(apple,orange)"></div>

脚本：

$('.fruitstall').click(function(event){
   if (get first variable value and check if it is an apple) {
      //Show apple image 
   } elseif (get the next variable value and check if it is an orange) {
      //Show orange image
   }
   alert('Number of fruit chosen are ' + (count number of variable passed to class) + ' ; ' fruit(index0) + fruit(index1));
});

请原谅我的水果摊例子，我认为以更生动的方式提出问题会很有趣。：）

非常感谢。

原文

I want to create a generic/scalable class that is able to accept none or multiple variables and process it. I want to learn how to check which field is present, number of field passed and do something with it. The 'fruitstall' class can accept 0 or multiple number of fruits variable.

HTML:

<div class="fruitstall(apple,orange)"></div>

Script:

$('.fruitstall').click(function(event){
   if (get first variable value and check if it is an apple) {
      //Show apple image 
   } elseif (get the next variable value and check if it is an orange) {
      //Show orange image
   }
   alert('Number of fruit chosen are ' + (count number of variable passed to class) + ' ; ' fruit(index0) + fruit(index1));
});

Pardon my fruit stall example, I thought it would be interesting to ask question in a more lively method. :)

Thank you very much.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

疯了 2024-11-13 16:07:09

另一种方法可能是使用 HTML5 数据属性：

<div class="fruitstall" data-fruits="apple,orange"></div>

然后您的 JS 代码可以这样：

var fruits = $(this).data('fruits').split(',');

这将获取摊位上所有水果的数组。

Another way might be to use HTML5 data attributes:

<div class="fruitstall" data-fruits="apple,orange"></div>

Then your JS code could go:

var fruits = $(this).data('fruits').split(',');

which would get an array of all the fruits for the stall.

回复收藏 0 原文

逆流 2024-11-13 16:07:09

您可以分配多个类：

<div class="apple orange" id="divId"></div>

然后像这样对它们进行拆分：

var classList =$('#divId').attr('class').split(/\s+/);
$.each( classList, function(index, item){
    if (item=='someClass') {
       //do something
    }
});

来源：使用 jQuery 获取元素的类列表

You can have multiple classes assigned:

<div class="apple orange" id="divId"></div>

And then do a split on them like so:

var classList =$('#divId').attr('class').split(/\s+/);
$.each( classList, function(index, item){
    if (item=='someClass') {
       //do something
    }
});

Source: Get class list for element with jQuery

回复收藏 0 原文

み格子的夏天 2024-11-13 16:07:09

我不知道这是否可行，但是如果您将 String 类准备为 JSON 类，您可以使用 eval() 来获取一个对象，您可以从中枚举参数，

 function prepareAsJSON(className){
        var JSON = "{list:function" + className + "{return arguments}}"
        return JSON
 }

 var className = $("div").attr('class');
 var st = prepareAsJSON(className);
 var obj = eval(st)
 obj.list() //should return arguments as an array

我永远不会在生产代码中这样做，但这很漂亮有趣的

干杯

Grooveek

I don't know if that could work, but if you prepare you class String as a JSON one, you could use eval() to get an object from which you could enumerate arguments

 function prepareAsJSON(className){
        var JSON = "{list:function" + className + "{return arguments}}"
        return JSON
 }

 var className = $("div").attr('class');
 var st = prepareAsJSON(className);
 var obj = eval(st)
 obj.list() //should return arguments as an array

I would never do that in production code, but that's pretty funny

Cheers

Grooveek

回复收藏 0 原文

~没有更多了~