将其他dom元素操作包含到另一个dom元素操作中是否是一种良好的做法，就像javascript中的两个操作的通用操作一样

下面是良好实践代码吗？（jquery）

common.js（两个文件的dom元素以相同的js操作编写）

是按钮.html

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

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

我有两个DOM元素类相同的文件，我正在基于unique编写JS代码

---

类名，我的问题是，遵循这种方式是否是一种好的做法。

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

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

我的项目场景没有问题中提到的那么简单，我为新添加的类提供了不同的属性，因此我无法使用，也无法使用jquery next（）函数，因为我的元素位于dom中的不同位置。我只是根据您提供的信息回答了问题。如果您想要一个更好的答案，请提供实际代码或更好地解释代码的结构（JSFIDLE帮助很大）

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

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