Question

我想修改标题包含（0％）

的div的高度

这是我的HTML代码

<div>

<div class='chartsbar' style="height: 0%; background-color: rgb(7, 134, 205); color: rgb(255, 255, 255); width: 0.9730252100840335%; text-align: left;" title="11-09-2012 - 0 (0%)"></div>

<div class='chartsbar' style="height: 0%; background-color: rgb(7, 134, 205); color: rgb(255, 255, 255); width: 0.9730252100840335%; text-align: left;" title="12-09-2012 - 0 (18%)"></div>


<div class='chartsbar' style="height: 0%; background-color: rgb(7, 134, 205); color: rgb(255, 255, 255); width: 0.9730252100840335%; text-align: left;" title="13-09-2012 - 0 (10%)"></div>

</div>

我尝试过像

$('div.chartsbar[title*="(0%)"]').height('1%');

但没有运气

Answer 1

$('.chartsbar[title="0%"]').css('height','1%');

Answer 2

$("div.chartsbar[title*='(0%)']").css('height','100px');

jsFiddle

Answer 3

JS代码是正确的，但您必须在包装器div上设置一些显式高度。现在包装器div的高度为0，0％的1％仍为0.有关更多扩展说明，请查看this answer

Jquery Selector修改具有一些标题的div的高度

3 个答案: