单击javascript更改其他第n个子项

原始问题-

是否有办法设置通过ASP生成的表中的所有其他按钮。Net内核使用Javascript将页面剃刀到特定的图像（通过字体可怕的图标，因此我正在更改它的类）。当用户单击其中一个按钮时（该按钮将更改，然后重置其他按钮）

更新以显示进度…

我已经设法让@mjw的建议发挥作用，但它的表现令人窒息。我正在按照建议实施

.sibbins（）

jquery方法，它似乎很有效。但是，我认为我引用了DOM的错误部分

它现在的工作方式完全符合我的要求，但它将两个表视为独立的，并且不会影响我认为是“兄弟姐妹（）”的按钮

显示解决方案的最终更新…

我再次接受了@mjw的建议，将我的id更改为类，并引用了已编辑的javascript函数，因此它是由类触发的

从

$（'#appendRqmts:nth child（n）'）。在（'click'，function（）{

到

$（'.appendRqmts:n子项（n）'）。在（'click'，函数（）{

还有html

从

到

以下是更新的代码段：

/-----------特定角色***资格***表格生成器-------------//
$（函数（）{
$（'.appendRqmts:n子项（n）'）。在（'click'，function（）上{
var current_icon=$（this.find（'i'）；
var sibling_icons=$（this.parentsUntil（'div'）.sibles（）.find（“.appendRqmts_icon”）；
当前图标。removeClass（'fas fa剪贴板列表'）。addClass（'fas fa登录alt'）；
同级图标。removeClass（'fas fa登录alt'）。addClass（'fas fa剪贴板列表'）；
//省略了将数据附加到页面的代码
});
});
//这是我用来控制“全部清除”按钮的代码。在了解如何执行后添加。
$（'#clearpecrolerqmts'）。在（'click'，function（）上{
var sibling_icons=$（this）.parents（'.card body'）.find（'.specRole_Table'）.find（'.appendRqmts_icon'）；
同级图标。removeClass（'fas fa登录alt'）。addClass（'fas fa剪贴板列表'）；
})；

特定角色
明确具体的角色要求
护理工作
6 |高级注册护士|成人
排出
电子探针
（专家）
正畸的
（专家）
研究
（专家）
工控机及电视
（专家）
6名高级注册护士、儿童和
门诊病人
（专家）
6 |高级注册护士|剧院
专业人员

下面是一个示例，演示了

.sibbins（）

。您想通过单击按钮找到js函数，从那里可以访问

此

项目以更改单击项目的图像…然后访问

sibbins（）

以设置其他图像。祝您好运

//句柄单击并添加类
$（“按钮”）。在（“单击”，函数（）{
$（this.parent（）.css（“背景色”、“蓝色”）；
$（this.parent（）.sides（）.css（“背景色”、“绿色”）；
})；

正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
#横幅信息{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：300px；
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
#banner-message.alt{
背景：#0084ff；
颜色：#fff；
边缘顶端：40px；
宽度：200px；
}
#banner-message.alt按钮{
背景：#fff；
颜色：#000；
}

第一行更改颜色
第二行更改颜色
第三行变色
第四行变色

首先，我会发布要添加js以更改图像的列表/表格的呈现HTML输出。因此，您有一个列表，每个项目都有一个按钮。单击某个项目的按钮时，您希望将该按钮更改为其他按钮，并将其他项目的按钮更改为其他按钮？因此，单击的按钮与单击的按钮不同他休息了吗？为此，请查看

.sibbins（）

Hi@mjw，为发布ASP而不是呈现的html表示歉意。这会更有意义。我将查看.sibbins（）函数，如果它起作用，我将发布我的解决方案。感谢“指向正确的方向”。非常感谢。不用担心，在使用js/jQuery时，这只是一个建议，因为它在DOM上运行。在我的回答中，我使用css方法为每个项指定背景色，但您可以轻松修改它来添加或删除类，since我相信你提到过你正在为按钮图像使用fontawesome字形吗？所以你想要

.addClass（“fa-icon-name-1”）

和

.removeClass（“fa-icon-name-2”）

嘿@mjw，你介意看看这个吗？我不能让它一直工作。嗨@mjw，我把ID改成了类，它工作得很好