javascript - 最好将其他dom元素 Action 包含到另一个dom元素 Action 中，例如javascript中的常见 Action ，

下面是良好的实践代码吗？(jquery)

common.js(以相同的js Action 编写的两个文件的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代码
类(class)名称，我的问题是遵循这种方式是一种好的做法。

最佳答案

为什么不为您的按钮添加一个通用类并通过它调用它们呢？

$('.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>

关于javascript - 最好将其他dom元素 Action 包含到另一个dom元素 Action 中，例如javascript中的常见 Action ，，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13949567/