一个关于jquery选择器的问题

现在有一个表格,每一个 tr 都有一个数字作为 class 假设选中了一个 tr 如何获取 class 小于等于选中 tr 的所有 tr?

繁花如伊
浏览 470回答 1
1回答

qq_笑_17

不应该把tr数字作为class,因为tr绑定的class有很多,完全可以把数字绑定在data-num上面,大概逻辑就是下面这个,可能部分选择器写的不是那么准确html table:<table id='example_table'>&nbsp; &nbsp; <thead>&nbsp; &nbsp; &nbsp; &nbsp; <th>1<th>&nbsp; &nbsp; &nbsp; &nbsp; <th>2<th>&nbsp; &nbsp; &nbsp; &nbsp; <th>3<th>&nbsp; &nbsp; </thead>&nbsp; &nbsp; <tbody>&nbsp; &nbsp; &nbsp; &nbsp; <tr data-num="1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>1<td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>2<td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr data-num="2">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>1<td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>2<td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; &nbsp; &nbsp; <tr data-num="3">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>1<td>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td>2<td>&nbsp; &nbsp; &nbsp; &nbsp; </tr>&nbsp; &nbsp; </tbody></table>js:$('#example_table tr').on('click', function(e) {&nbsp; &nbsp; var select_tr_num = $this.data('num');&nbsp; &nbsp; var request_trs = [];&nbsp; &nbsp; $.each($('#example_table tr'), function(i, obj) {&nbsp; &nbsp; &nbsp; &nbsp; if (!obj.data('num') > select_tr_num) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; select_tr_num.push(obj);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });&nbsp; &nbsp; console.log(request_trs );});&nbsp;
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript