Question

我有多个<div> div标签，其中我需要使用类名来查找div，并且需要读取内联样式(Width:150;height:150:top:10)并且需要单独增加宽度大小而不影响其他内联样式。

<html>
<div id="tempDiv">
<div style="width: 61px; height: 55px; padding-top: 25px; display: none;" class="choice_box">Test 1</div>
<div style="width: 61px; height: 55px; padding-top: 25px;" class="choice_box">Test 2</div>
<div style="width: 61px; height: 65px; padding-top: 15px;"class="choice_box">Test 3</div>
<div style="width: 61px; height: 55px; padding-top: 25px;" class="choice_box">Test 4</div>
</div>
</html>

使用tempDiv id我需要找到类：Choice_box并且需要单独更改宽度。

请解释我该怎么做？

我尝试了这段代码但长度却返回0：

$(function(){
    var findme = $('#tempDiv.choice_box')

    alert(findme.length);

});

Answer 1

你走了：

演示：JSFiddle

<!-- sample markup -->
<div>
    <div class="findme" style="width:100px;height:100px;top:10px">Find me</div>
    <div>do not find me</div>
</div>


$(function(){
   var findme = $('div.findme');
    findme.css({width:'200px'});
});

Answer 2

$(function(){
    var findme = $('#tempDiv.choice_box')

    alert(findme.length);

});

我尝试了这段代码但长度却返回0：

当然，它会返回0.因为使用此选择器（#tempDiv.choice_box），您正在尝试查找ID为tempDiv并且类为choice_box的元素。但是你应该做的是找到ID为choice_box的元素tempDiv的后代。所以，你的选择器应该是：

$('#tempDiv .choice_box') // notice the space

这是我放在一起的demo fiddle。

Div标签读取内联样式并使用jquery单独编辑值

2 个答案: