Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 关注一个“问题”;“世界其他地区”;在一个表中,2行代表1个数据集_Javascript_Jquery_Html_Css - Fatal编程技术网

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>