IDとクラスセレクタを持つJQuery属性セレクタ

Question

私は、 "report-standard-alternatingrowcolors"クラスのテーブルを持ち、element_idはtr要素のIDです。セレクタの終わりに、属性セレクタでtd要素を選択したいと思います。 ".data"はtd要素のクラスです。しかし、動作しませんでした。すべてのtd値が選択されます。あなたは何か考えていますか？屋に行く http://jsfiddle.net/BscPP/

Answer 1

http://jsfiddle.net/BscPP/1/

ここ：から

alert($('.report-standard-alternatingrowcolors #element_id .data[headers="STATE"]').val()); 

かを確認することができます。あなたは引用符の中にメインreport-standard...を持っていなかったので、うまくいきませんでした。また、セレクターに多くのことを伝えています。提供されている例では、.data[headers="STATE"]を使用し、.val()の代わりに.text()を使用しました。

Answer 2

$('#element_id td.data[headers="STATE"]', '.report-standard-alternatingrowcolors').text() 

FIDDLE

Answer 3

例にはいくつか問題があります。

jQueryの代わりにMooToolsをロードしました。

あなたのHTMLが間違っていました。あなたが引用符でクラスを配置する必要があり

<table class=""report-standard-alternatingrowcolors> 

<table class="report-standard-alternatingrowcolors"> 

<td> sがvalue属性を持っていないので、.val()は間違っ方法で、代わりに.text()を試してみてください。

固定例：http://jsfiddle.net/BscPP/2/

P.S.あなたはカスタム要素に属性を追加したい場合は、data-でそれらを付加する必要があります

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

新しいデモ：http://jsfiddle.net/BscPP/3/

注：

<td class="data" data-headers="STATE">123</td> 

はその後にセレクタを変更IDが想定していますユニークであるように、.report-standard-alternatingrowcolorsはちょっと無関係です。

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

Answer 4

あなたはほとんどそれを手に入れました。 jsFiddleで.val()を.text()に変更するだけで動作します。 td要素には値はありません。

また、お客様のクラス"report-standard-alternatingrowcolors"が正しく配置されていない場合は、" "の外にあります。