tr表中的选择器和数据类型

Selector in table tr and data-type

本文关键字:数据类型 选择器 tr      更新时间:2023-09-26

我有一个表#sortable-categories在某些tr中,我有data-order="something"(1,2,3..)。

我想把它们都选出来。尝试了所有内容,但语法不正确

for(i = 1;i<=count_ordered;i++){
        $("#sortable-categories tr [data-order="+i+"]").hide();
    }

你能帮我吗:)

如果data-order属性是<tr>元素的属性,则:

$("#sortable-categories tr[data-order]").hide();

它将隐藏表中所有具有data-order属性的<tr>元素。

注意:对于.hide()方法,顺序没有任何意义。

根据我的评论,您的问题可能是TR和[:之间的空间

for(i = 1;i<=count_ordered;i++){
    $("#sortable-categories tr[data-order="+i+"]").hide();
}

非常愚蠢。。。tr和[data顺序必须没有空格。$("#sortable categories tr[data order="+i+"]").hide();

格式是htmlelement[attribute="value"],与此类似。

我在jQuery中使用了单引号,只是为了让属性选择器更清晰:

for(i = 1; i <= count_ordered; i++) {
    $('#sortable-categories tr[data-order="'+i+'"]').hide();
}

正如您所看到的,单引号转义字符串,这样您就可以连接变量,而双引号将是jQuery使用的字符串的一部分。

如果您想查找包含值且不完全匹配的属性,格式为:

htmlelement[attribute*="value"]