Javascript 当函数的工作依赖于athor td时，如何更改以前的td样式

我有一张有多个td的桌子。我的td是可选的 我的要求是

1.选择一些td并单击左键后，我想更改可选项目的先前td（请参见下图以了解所需td）

我用“.prev”（“td”）”我认为这不是一个好的选择之前的td 我怎样才能解决这个问题

如图所示，第三行和第四行第一列现在已选中，我想更改未选中的td second tr first column样式

$（函数（）{
$（文档）.ready（函数（）{
$（“tr”）。在（“单击”，函数（）{
$（this.toggleClass（'selected1'）；
});
});
})
$（函数（）{
$（“td.cat”）.dblclick（函数（）{
var OriginalContent=$（this.text（）；
$（this.addClass（“cellEditing1”）
$（this.html（“”）；
})
$（“tr”）。在（“单击”，函数（）{
$（this.toggleClass（'selected1'）；
});
$（“.cat”）。在（“单击”，函数（）{
$（this.toggleClass（'selected'）；
});
$（“#键”）。单击（函数（）{
var sl=parseInt（$（“.selected”）.css（“左填充”）；
sl=sl>=100？“100”：“+=20”；
$（“.selected”）.css({
“左填充”：sl
});
$（“.cat.selected”）。每个（函数（）{
var paddingLeftpl=parseInt（$（this）.css（“paddingLeftpl”）；
变量isPaddingLeft20=“”，isPaddingLeft40=”；
如果（paddingLeftpl>20）
isPaddingLeft20=填充左PL；
如果（paddingLeftpl>40）
isPaddingLeft40=填充左PL；
如果（isPaddingLeft20）{
$（this.prev（“td”）.addClass（“mainfunctionstyle”）；
$（this.prev（“td”）.find（'input'）.addClass（“mainfunctionstyle”）；
$（this.prev（“td”））.addClass（“mainfunctionstyle”）
}
如果（isPaddingLeft40）{
$（this.prev（“td”）.find（'input'）.addClass（“sunfunctionstyle”）；
$（this.prev（“td”）.addClass（“子函数样式”）；
$（this.prev（“td”）.addClass（“子函数样式”）；
}
else$（此）.addClass（“颜色”、“灰色”）；
});
});
$（“#键1”）。单击（函数（）{
var sl=parseInt（$（“.selected”）.css（“左填充”）；
sl=sl>=100？“100”：“+=20”；
$（“.selected”）.css({
“左填充”：sl
});
$（“.cat.selected”）。每个（函数（）{
var paddingLeftpl=parseInt（$（this）.css（“paddingLeftpl”）；
变量isPaddingLeft20=“”，isPaddingLeft40=”；
如果（paddingLeftpl>20）
isPaddingLeft20=填充左PL；
如果（paddingLeftpl>40）
isPaddingLeft40=填充左PL；
如果（isPaddingLeft20）{
$（this.prev（“td”）.addclass（“mainfunctionstyle”）；
$（this.prev（“td”）.find（'input'）.addClass（“mainfunctionstyle”）；
$（this.prev（“td”））.addClass（“mainfunctionstyle”）
}
如果（isPaddingLeft40）{
$（this.prev（“td”）.find（'input'）.addClass（“sunfunctionstyle”）；
$（this.prev（“td”）.addClass（“子函数样式”）；
$（this.prev（“td”）.addClass（“子函数样式”）；
}
else$（本.prev（“td”）.addClass（“颜色”、“灰色”）；
});
});
});
。已选定{
背景颜色：浅蓝色；
}
.可编辑表格{
位置：静态；
宽度：100%；
边界塌陷：塌陷；
}
.可编辑表格td{
边框：1px实心；
高度：17px；
}
.editableTable.cellEditing1输入[类型=文本]{
宽度：100%；
边界：无；
文本对齐：左对齐；
背景色：透明；
}
.editableTable.cellEditing1{
填充：0；
高度：1px；
}
.main函数样式{
颜色：黄色；
字体大小：粗体；
字体大小：10px；
}
.sunfunctionstyle{
颜色：黑色；
字体大小：正常；
字号：8px；
}
.任务风格{
颜色：红色；
字体大小：正常；
字号：8px；
}

左边
正确的
玫瑰
红色
玫瑰
红色
玫瑰
红色
玫瑰
红色
如果需要选择上一个td小区，您可以使用：

$(this).closest('tr').prev('tr').find('td:eq(' + $(this).index() + ')')

而不是：

$(this.prev("td"))

我的片段：


$（函数（）{
$（“tr”）。在（“单击”，函数（）{
$（this.toggleClass（'selected1'）；
});
$（“td.cat”）.dblclick（函数（）{
var OriginalContent=$（this.text（）；
$（this.addClass（“cellEditing1”）
$（this.html（“”）；
})
$（“tr”）。在（“单击”，函数（）{
$（this.toggleClass（'selected1'）；
});
$（“.cat”）。在（“单击”，函数（）{
$（this.toggleC）