javascript - 如何在 jQuery 中一次性设置多个班级编号？

Question

你能告诉我如何在一篇文章中设置多个班级号码吗？我有$('.oven_program_01')课，并且 .click 动作。单击具有 from 类的元素后，将触发此操作$('.oven_program_01')to $('.oven_program_12')。你能告诉我如何在不重复这门课的情况下写这个吗？类似的东西：$('.oven_program_'01-12')非常感谢帮助。

Answer 1

类实际上旨在标记页面上事物的“类型”。如果要标记单个元素，则应使用 id 属性。

因此，对于您的元素，我会将“oven_program_01”的 id 设置为“oven_program_12”，并为所有元素设置一个“oven_program”类。

通过这种方式，您可以选择特定元素：

$("#oven_program_01")

并选择此类型的所有元素：

$(".oven_program")

Answer 2

您可以使用Attribute Starts With选择器：

[name^="value"]

$('elem[class^="oven_program_"]').click(function(){
  // ...
})

请注意，通过使用此选择器，类属性oven_program_不能以其他类名开头。

---

或者Attribute Contains Selector：

选择具有指定属性且值包含给定子字符串的元素。[name*="value"]

$('elem[class*="oven_program_"]').click(function(){
  // ...
})

Answer 3

类，如 ID，也可以用于 JavaScript 脚本，但与 ID 不同的是，它们可以在同一个 HTML 文档中多次使用。这种内容与表示的分离使得由 CSS 提供支持的网站更加健壮，但有些人不知道他们可以在多大程度上使用类。类不仅可以多次使用，而且可以在一个元素上使用多个：

我认为拥有不同的课程并不是一个好主意，最好使用相同的课程，不同的ID。

Answer 4

$("[class^=oven_program_]").click(....)

虽然最好的办法是为你的对象使用两个类，比如

class="oven_program_01 oven_clickable" 

$(".oven_clickable").click()

或者更好地使用 ID 和公共类。

id="oven_program_01" class="oven_clickable"

顺便说一句，这就是类和 ID 的目的

Answer 5

$('[class^=oven_program_]')

这将选择任何以 oven_program_.

需要更具体吗？jQuery 没有内置的正则表达式选择器，但有人这样做：

http://james.padolsey.com/javascript/regex-selector-for-jquery/

没用过，不过好像可以

$(':regex(class, oven_program_\d\d?)')

最后，我不是 100% 确定你在做什么，但我什至不会使用课程。我会做类似的事情<element class="oven_program some other class names" data-oven_program="12">。如有必要，您也可以在数据属性上使用相同的选择器。