parseInt(number) 不起作用答案

【问题标题】：parseInt(number) notworkparseInt(number) 不起作用
【发布时间】：2015-02-25 10:08:48
【问题描述】：

我想检查我的 div 是否有数字并添加类 css。我试过这个：

<div class="test" style="">
   <p class="book"> 24 books</p>
</div>

jQuery('.test').addClass('ok');
var number = parseInt(jQuery(this).find('.book').text(), 10);
var current = 26;
if (current > number)
{
jQuery('.test').addClass('its-ok');
}

我的“ok”类已添加，但未添加“it-ok”类。

在 jsfiddle 中：http://jsfiddle.net/8tg9exLw/2/

【问题讨论】：

是的，我修改了我的 jsfiddle，对不起。但如果 26 > 24 则不起作用
请检查我回答中最后一行的 jsFiddle 链接，它适用于26 > 24。
@user3575562 您应该将答案标记为已接受

标签： css numbers parseint

【解决方案1】：

结果

parseInt(jQuery(this).find('.book').text(), 10);

是NaN，因为$(this).find('book') 是一个空选择器（在您的上下文中$(this) 的值应该是什么？）

改为parseInt($('.book').text(), 10);

【讨论】：

【解决方案2】：

试试这个,,,

添加“$(document).ready(function(){});”

    $(document).ready(function(){
jQuery('.test').addClass('ok');

var number = parseInt(jQuery(this).find('.book').text(), 10);
var current = 26;
if (current > number)
{
jQuery('.test').addClass('its-ok');
}
});

【讨论】：

Hummmm... 在 jsfiddle 中代码可以工作，但在我的代码中 localhost 不起作用。我认为 var number 不起作用，他不检查数字。如何显示视图的值数是检查
代码在 jsfiddle 中有效，但在我的网站中无效。我认为没有检查var number。是否可以显示“var number”以查看结果？
我发现了这个问题。如果用户选择 couleur EX，我的元素“书”更改宽度 jquery：如果用户选择蓝色“书”显示 24，如果他选择绿色“书”显示 10，请选择您的颜色“蓝色，绿色 ...”。也许是冲突宽度另一个 jquery 或 var 编号未读取实时更改。

【解决方案3】：

Updated Working jsFiddle

在下面的 jQuery 代码中：

parseInt(jQuery(this).find('.book').text(), 10);

它没有得到 this 是什么。

我猜你的意思是使用.test，而不是this。检查上面更新的 jsFiddle。

你的 if 条件不满足，因为current < number。

JS：

jQuery('.test').addClass('ok');

var number = parseInt(jQuery('.test').find('.book').text(), 10);

console.log(number);

var current = 2;
if (current > number)
{
    jQuery('.test').addClass('its-ok');
}
else
{
    console.log("If condition not satisfied.");
    // do something here
}

编辑：对于小于当前的解析整数，检查这个工作的 jsFiddle：http://jsfiddle.net/8tg9exLw/4/

【讨论】：