带有ID和类选择器的JQuery属性选择器

带有ID和类选择器的JQuery属性选择器,jquery,class,attributes,selector,html-table,Jquery,Class,Attributes,Selector,Html Table,我有一个类为“report standard alternatingrowcolors”的表,element_id是tr元素的id。在选择器的末尾,我想用属性选择器选择td元素。“.data”是td元素的类。但是没有起作用。它选择所有td值。你知道吗 alert($('.report-standard-alternatingrowcolors #element_id .data[headers="STATE"]').val()); 您可以通过以下方式进行检查: 给你。您没有在引号中包含主报

我有一个类为“report standard alternatingrowcolors”的表,element_id是tr元素的id。在选择器的末尾,我想用属性选择器选择td元素。“.data”是td元素的类。但是没有起作用。它选择所有td值。你知道吗

alert($('.report-standard-alternatingrowcolors #element_id .data[headers="STATE"]').val());
您可以通过以下方式进行检查:


给你。您没有在引号中包含主
报告标准…
,因此这不起作用。此外,您正在向选择器输入更多信息。在提供的示例中,只需使用
.data[headers=“STATE”]
并使用
.text()
而不是
.val()
您的示例存在一些问题

您加载了MooTools而不是jQuery

你的HTML是错误的

<table class=""report-standard-alternatingrowcolors>
然后将选择器更改为:

$('.report-standard-alternatingrowcolors #element_id .data[data-headers="STATE"]')
新演示:

注意:ID应该是唯一的,因此
.report标准alternatingrowcolors
有点无关

$('#element_id .data[data-headers="STATE"]')

你差点就成功了。在JSFIDLE中,只需将
.val()
更改为
.text()
,它就可以工作了。td元素没有值


另外,在小提琴中,您的类
“report standard AlternatingRowColor”
的位置不正确,在他的示例中,它位于

之外,是的。但在他的真实代码中,他可能有更多匹配
.data[headers=“STATE”]
的元素。
<td class="data" data-headers="STATE">123</td>
$('.report-standard-alternatingrowcolors #element_id .data[data-headers="STATE"]')
$('#element_id .data[data-headers="STATE"]')