jQueryの属性フィルタにつきまして

質問

以下の部分のjQueryの属性フィルタで指定する方法がわかりません。
<div style="text-align: left; margin-left: 0px;">
ほげほげ
</div>

jQuery('div[style="text-align: left; margin-left: 0px;"]').css("display","none");
ってのは、どこかおかしいと思うのですが、
[attribute=value]というルールに沿うとこういった指定になります。

そもそも、style属性の場合は、属性フィルタは使えないのでしょうか。
あるいは、CSSのvalueまで判別させる場合は、この記述は無理なのでしょうか。

name="hoge"
とかなら容易に指定できて効くのですが。。。

素人質問で恐縮ですが、
ご教授いただけると助かります。
参考になるページでも構いません。

どうぞよろしくお願いします。

回答No.1

tracer · ベストアンサー

javascriptやjQueryの詳しい仕様は存じませんが、styleの属性値でフィルタリングするのは難しいでのはないかと思います。いろいろ理由は考えられますが、憶測になってしまうので割愛します。代替案として自作セレクタを使用してみてはどうでしょうか。
例に上げられた要素の場合、以下のような感じで選択できます。

------------------------------------------------
//セレクタを拡張(hogehogeという名前のセレクタを作成)
$.extend($.expr[':'], {
　hogehoge:function(a) {
　　return $(a).css("text-align")=="left"&&$(a).css("margin-left")=="0px";
　}
});

//拡張したセレクタを使用
$('div:hogehoge').css('color','red');
------------------------------------------------

このまま使うと思いがけないdivを選択してしまう場合もありそうなので、より範囲を狭くして指定したほうがよさそうですね。

$('div:hogehoge','div#contents').css('color','red');

お礼

ご丁寧なアドバイスを賜りありがとうございました。
とても参考になり、事の解決に至りました。