Javascript 关注一个“问题”;“世界其他地区”;在一个表中,2行代表1个数据集
下面是我的示例演示Javascript 关注一个“问题”;“世界其他地区”;在一个表中,2行代表1个数据集,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面是我的示例演示 nrdsdrr 埃达斯迪 达萨德 阿德萨德 ffdasdf #dsadg fdsad 正如您所看到的,每2行属于MyDB中的1个数据集。当我点击tr时,我用JS做了一些动作 问题是,用户可能会忘记他单击了哪一个,因为表没有改变。我不想只突出显示他点击的那一行,因为在每种情况下都有2个是相关的 例如,如果他点击最后一行,或者我的表格前面的一行,就会是这样 $('tr')。单击(函数(){ var parent=$(this.parent(); var dataNum=$(
nrdsdrr
埃达斯迪
达萨德
阿德萨德
ffdasdf
#dsadg
fdsad
正如您所看到的,每2行属于MyDB中的1个数据集。当我点击tr
时,我用JS做了一些动作
问题是,用户可能会忘记他单击了哪一个,因为表没有改变。我不想只突出显示他点击的那一行,因为在每种情况下都有2个是相关的
例如,如果他点击最后一行,或者我的表格前面的一行,就会是这样
$('tr')。单击(函数(){
var parent=$(this.parent();
var dataNum=$(this.attr('data-num');
$(父级).find('[data num=“'+dataNum+''“]')).addClass('active');
});代码>
表{边框折叠:折叠;}
td{边框:1px纯黑色;}
.active{背景色:黄色;}
乌普
Wep
1.
2.
3.
4.
5.
nrrr
eeee
da
aad
fff
#g
fd
nrdsdrr
埃达斯迪
达萨德
阿德萨德
ffdasdf
#dsadg
fdsad
我在示例中犯了一个错误。数据编号在第一行和表标题中为1。这使得您的解决方案行为“不好”,因为它选择了前4行。更新了代码,因此现在它不会选择所有4行。
<tr data-num="2">
<td colspan="1">nrdsdrr</td>
<td colspan="4">eedasdee</td>
</tr>
<tr data-num="2">
<td>dadsad</td>
<td>adsadad</td>
<td>ffdasdf</td>
<td>#dsadg</td>
<td>fdsad</td>
</tr>