Question

如何在jquery中只选择样式为“right：200px”的div？

示例：

<div class="test" style="position:absolute; right:200px; top:10px;"><p>Hello</p></div>
<div class="test" style="position:absolute; right:300px; top:20px;"><p>Hello</p></div>
<div class="test" style="position:absolute; right:400px; top:70px;"><p>Hello</p></div>
<div class="test" style="position:absolute; right:200px; top:40px;"><p>Hello</p></div>
<div class="test" style="position:absolute; right:400px; top:100px;"><p>Hello</p></div>
<div class="test" style="position:absolute; right:200px; top:140px;"><p>Hello</p></div>


var div200 = $('.test').css('right');

我不知道如何只选择“right：200px”的div。我是jquery的新手。我努力但没有任何成功：

Achim的

Answer 1

var div200 = $('.test').filter(function(){
    return $(this).css('right') == "200px";
});

Answer 2

$('.test').filter(function(){
    return $(this).css('right') == "200px";
}).addClass('selected');

See example.

Answer 3

我不知道如何只选择“右：200px”的div。

这可能是某种方式，但它有点反对jQuery和CSS应该如何工作。考虑将实际位置信息放入类中：

div.p1 { position:absolute; right:200px; top:10px; }
div.p2 { position:absolute; right:300px; top:20px; }
....
etc.

并且具有简化的div结构：

<div class="test p1"><p>Hello</p></div> 
<div class="test p2"><p>Hello</p></div>
etc.

然后使用

对每个div进行寻址

var div1 = $('.test.p1');
var div2 = $('.test.p2');
etc.

这也使你独立于200px这样的特定数字 - 唯一可以在样式表中更改它的地方。

Answer 4

您可以在这个问题上找到有用的东西：

jQuery find by inline css attribute

选择特定的内联样式

4 个答案: