javascript - 将其他 dom 元素动作包含到另一个 dom 元素动作中是否是一种好习惯，就像 javascript 中的常见动作一样

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 元素文件，我正在编写基于唯一类名的 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>