Question

我必须通过选择器获取它们并添加一个类。

<div class="count_1">
<span class="percentage">10 %</span>
</div>
<div class="count_2">
<span class="percentage">90 %</span>
</div>


if (parseInt($(".count_1.percentage").value) > $(".count_2.percentage").value)) {
            blabla
        }

Answer 1

这应该做：

if (parseInt($(".count_1 .percentage").html(), 10) > parseInt($(".count_2 .percentage").html(), 10))

请注意，选择器中的空格表示子元素。 .count_1.percentage匹配class="count_1 percentage"元素，wheareas .count_1 .percentage匹配 class="percentage"

中的class="count_1"
还要注意需要在parseInt中包装这两个值，并且还在parseInt调用中添加了第二个参数，该调用在基数10中显式解析。

parseInt('08', 10); // 8 parseInt('08'); // 0

Answer 2

像这样的东西。最好通过...来使用包装器div的ID

var val1 = parseInt ( $( '.percentage:first', $( '.count_1' ) ).html (), 10 );
var val2 = parseInt ( $( '.percentage:first', $( '.count_2' ) ).html (), 10 );

if ( val1 > val2 ) {
    // do stuff
}

Answer 3

它正在运行，但我在页面上有多个投票结果。我每次使用pollid作为选择器来调用脚本。但它只适用于第一次民意调查。有什么建议吗？

if (parseInt($(".pollid_1 .count1 .percentage").html(), 10) > parseInt($(".pollid_1 .count2 .percentage").html(), 10))
$(".pollid_1 .count1 span.percentage").addClass("selected");
else
$(".pollid_1 .count2 span.percentage").addClass("selected");

<div class="pollid_1">
<div class="count_1">
<span class="percentage">10 %</span>
</div>
<div class="count_2">
<span class="percentage">90 %</span>
</div>
</div>



if (parseInt($(".pollid_2 .count1 .percentage").html(), 10) > parseInt($(".pollid_2 .count2 .percentage").html(), 10))
$(".pollid_2 .count1 span.percentage").addClass("selected");
else
$(".pollid_2 .count2 span.percentage").addClass("selected");

<div class="pollid_2">
<div class="count_1">
<span class="percentage">10 %</span>
</div>
<div class="count_2">
<span class="percentage">90 %</span>
</div>
</div>

依旧......

如何用jquery比较两个值？

3 个答案: