jqueryを使用して、特定のcssプロパティを持つオブジェクトに変数を設定してください。

Question

私はページの周りを移動するLIの束を持っています。私はどのようなLIにcssプロパティ "left：0px"があるかを変数に設定できるようにしたいと考えています（1つしかありません）。

このようにリストを絞り込む方法はわかりません。見つけた方法はすべて、そのプロパティを追加したいだけです。だから、より詳細な方法でそれを置くため

：

var my_var = $('ul#slider li') with the property "left: 0px" 

、それはのようなものを返す必要があります。

<li><img src="image1.jpg"></li> 

感謝を！

Answer 1

関連の問題はこちらcheck if any element contains certain css styleフィルタを使用した方が最適です。

か、「クラス」アプローチを取りたいとここに表示されることがあります。jQuery: check if element has CSS attribute

Answer 2

をあなたは特別なクラスを割り当てると混乱する必要がなく、jQueryを使って簡単に行うことができます。

var my_element = $('ul#slider li').filter(function() { 
    return $(this).css('left', '0px').length > 0; 
}); 

jQueryのフィルタ方法は、とりわけ、セット内の項目をフィルタリングするかどうかを制御truthy or falsey値を返すことができる機能を受け入れる：あなたはjQueryの.filter(function(index))メソッドを使用したいと思うでしょう。したがって、フィルタメソッドを使用して、それぞれliのcssをjQueryのcss()メソッドでチェックし、条件に合致すればtrueを返します。

Answer 3

cssクラスを使用してください。ここで は例です：
CSS：

.left {left: 50px;} 

HTML：

var my_var = $('li:not([left])'); 

幸運：

<ul> 
<li id="li1">Left = 0px</li> 
<li id="li2" class="left">Left = 50px</li> 
</ul> 

LI1（左クラス/スタイリングなしの1）を取得します！