html / js

时间:2016-07-04 07:23:49

标签: javascript jquery html

我有一个包含多行的表,每行的第一列包含一个按钮。每行中的此按钮需要根据该行的其他列中的数据执行一些常见操作。

建议分配一个共同的" id"所有按钮,因为他们将在点击时调用相同的功能,只是使用不同的参数。 要么 而不是使用" id"我应该为这些按钮分配一个自定义类,然后对于所有具有自定义类的标记,我可以定义onclick行为吗?

哪种方法是更好的接受做法?

4 个答案:

答案 0 :(得分:0)

要分配一个公共操作,我会为每个按钮指定一个特定的类,并保持其唯一的ID。除非我错了,否则我确实认为两次使用相同的id是不好的做法,因为它们应该被用来唯一地识别一个元素。如果为每个按钮分配相同的类,则可以轻松地使用jQuery来查找所有这些按钮并为它们分配处理程序。

答案 1 :(得分:0)

使用这样的课程。

<button class="someCommonClassName"></button>

答案 2 :(得分:0)

你应该去Class,或者你可以使用name property

 <button name="common name" onclick="CommonFunction();"></button

答案 3 :(得分:0)

绝对不建议对元素使用相同的ID,因为JavaScript将返回第一个项目。 实施例

<p id="same-id">Shirts</p>
<p id="same-id">Pants</p>

使用JavaScript进行的选择将使用衬衫

来定位该段落

但是,您可以使用类或数据属性来获得更多语义标记,如下所示:

使用课程

<p class="same-class">Shirts</p>
<p class="same-class">Pants</p>

使用数据属性

<p data-attribute_name="some_value">Shirts</p>
<p data-attribute_name="some_value">Pants</p>

然后使用jQuery,您可以使用$('[data-attribute_name]="value"');或使用JavaScript,您可以使用this问题中的类似方法