Javascript 使用Jquery触发对上一个同级的单击

我希望在单击复选框旁边的文本时触发对复选框的单击（“代码段中的“财务部门”或“销售部门”）

我已经尝试使用jquery和javascript，但这两种语言中的任何一种似乎都有效：

$(prevsibling).children().click();
$(prevsibling).children().trigger("click");

请查找随附的代码片段

有线索吗

非常感谢

$（文档）.mouseup（函数（e）{
单击编辑项=$（e.target）；
如果（单击editem.hasClass（'checkboxinfotd'））{
previsibling=$（单击editem.prev（）[0]；
$（前置同级）.children（）。单击（）；
}否则（单击EdItem.hasClass（'checkboxtd'）| |单击EdItem.hasClass（'checkbutton'））{
如果（单击editem.hasClass（'checkboxtd'））{
clickeditem=clickeditem.children（）[0]；
}else if（单击editem.hasClass（'checkbutton'））{
}否则{
}
log（“单击复选框”）；
thirdclass=clickeditem.attr（'class'）.split（''）[2]；
如果（第三类==“fa-square-o”）{
newclass='fa-check-square-o'；
单击编辑项。删除类（“fa-square-o”）；
单击编辑项。添加类（新建类）；
}否则如果（第三类==“fa-check-square-o”）{
newclass='fa-square-o'；
单击编辑项。删除类（“fa-check-square-o”）；
单击编辑项。添加类（新建类）
}
};
});
.checkboxinfotd{
光标：指针；
}

正文
财务部
销售部
你的问题不太清楚。你会通过点击右边的文本来触发复选框吗？
如果是，请使用标签


/*从此处控制标签位置*/
.控制{
字体家族：继承；
显示：块；
位置：相对位置；
左侧填充：30px；
边缘底部：5px；
垫面：5px；
光标：指针；
字体大小：继承；
}
.控制输入{
位置：绝对位置；
z指数：-1；
不透明度：0；
}
.控制指示灯{
位置：绝对位置；
顶部：3px；
左：0；
高度：20px；
宽度：20px；
背景#008736；
边框：0px实心#000000；
边界半径：0px；
}
.control:悬停输入~.control_指示器，
.控制输入：焦点~控制\指示器{
背景:#中交;；
}
.控制输入：选中~.控制指示灯{
背景#008736；
}
.控件：悬停输入：未（[禁用]）：选中~.控件\指示器，
.控制输入：选中：焦点~控制\指示器{
背景#008736；
}
.控制输入：禁用~.控制指示灯{
背景#008736；
不透明度：0.6；
指针事件：无；
}
.控制指示灯：之后{
盒子尺寸：未设置；
内容：''；
位置：绝对位置；
显示：无；
}
.控制输入：选中~.控制指示灯：后{
显示：块；
}
.控制复选框。控制指示器：之后{
左：8px；
顶部：4px；
宽度：3倍；
高度：8px；
边框：实心#ffffff；
边框宽度：0 2px 2px 0；
变换：旋转（45度）；
}
.control复选框输入：禁用~.control_指示器：之后{
边框颜色：#008736；
}
.control复选框.control_指示符：：before{
内容：''；
显示：块；
位置：绝对位置；
左：0；
排名：0；
宽度：4.5雷姆；
身高：4.5雷姆；
左边距：-1.3rem；
最高保证金：-1.3rem；
背景#008736；
边界半径：3rem；
不透明度：0.6；
z指数：99999；
变换：比例（0）；
}
/*连锁反应*/
@关键帧s-ripple{
0% {
变换：比例（0）；
}
20% {
变换：比例（1）；
}
100% {
不透明度：0；
变换：比例（1）；
}
}
@关键帧s-ripple-dup{
0% {
变换：比例（0）；
}
30% {
变换：比例（1）；
}
60% {
变换：比例（1）；
}
100% {
不透明度：0；
变换：比例（1）；
}
}
.control复选框输入+.control_指示器：：之前{
动画：s-ripple 250ms放松；
}
.control复选框输入：选中+.control_指示器：：之前{
动画名称：s-ripple-dup；
}
选项1
标签
您可以通过以下方法实现您想要的：
单击editem.closest（'tr'）。查找（'checkbutton'）。触发器（'mouseup'）

此代码查找表行父级。在父级中，它使用
checkbutton
类查找元素，并触发mouseup事件（您的代码绑定到
mouseup
而不是
单击
）


正如其他人已经指出的那样，明智的做法可能是放弃使用字体awsome作为复选框的想法，使用html
input
和
label
元素，并使用css设置这些元素的样式。这将使你的生活更容易处理你的输入


$（文档）.mouseup（函数（e）{
单击编辑项=$（e.target）；
如果（单击editem.hasClass（'checkboxinfotd'））{
单击编辑项。最近（'tr'）。查找（'checkbutton'）。触发（'mouseup'）；
}否则（单击EdItem.hasClass（'checkboxtd'）| |单击EdItem.hasClass（'checkbutton'））{
如果（单击editem.hasClass（'checkboxtd'））{
clickeditem=clickeditem.children（）[0]；
}else if（单击editem.hasClass（'checkbutton'））{
}否则{
}
log（“单击复选框”）；
thirdclass=clickeditem.attr（'class'）.split（''）[2]；
如果（第三类==“fa-square-o”）{
newclass='fa-check-square-o'；
单击编辑项。删除类（“fa-square-o”）；
单击编辑项。添加类（新建类）；
}否则如果（第三类==“fa-check-square-o”）{
newclass='fa-square-o'；
单击编辑项。删除类（“fa-check-square-o”）；
单击编辑项。添加类（新建类）
}
};
});
.checkboxinfotd{
光标：指针；
}

正文
财务部
销售部
我想你最后想要的是看到假“checkbox”的勾选/取消勾选，所以我举了一个例子，不管怎样切换这个类对