Question

以下是好的练习代码吗？（jquery）

common.js（用同一个js动作写的两个文件的dom元素）

$('.list_item').click(function () {
   $('#yes_button').addClass('selected');
   $('#no_button').addClass('selected_no');
});

yes_button.html

<div class='list_item yes_class' > Muhammad s.a.w </div>
<div id='yes_button' > Yes </div>

no_button.html

<div class='list_item no_class'> Muhammad s.a.w </div>
<div id='no_button' > No </div>

上述做法是好还是我们应该写如下

$('.yes_class').click(function () {
   $('#yes_button').addClass('selected');
});

$('.no_class').click(function () {
   $('#no_button').addClass('selected_no');
});

我有两个DOM元素相同类的文件，我正在编写基于unique的JS代码班级名称，我的问题是遵循这种方式的好习惯。

Answer 1

为什么不在按钮中添加一个公共类并通过它调用它们？

$('.list_item').click(function () {
   $('.button').addClass('selected');
});

如果您愿意，可以更具体地说明您要定位的按钮

$('.list_item').click(function () {
   $(this).next('button').addClass('selected');
});

假设你保持与html相同的结构

<div class="listitem"></div>
<div class="button" id="..."></div>

将其他dom元素操作包含在另一个dom元素操作（例如javascript中的常见操作）中是一种好习惯

1 个答案: