2011-05-09 96 views
0

我的html:jquery基于值更改字体大小?

<div class="arrow-inner arrow-first arrow-border"> 
CAREER <strong>1.000</strong> 
</div> 

的Jquery:

function battingAve1000(){ 
    var maxBatAve = "1.000"; 
    var batAve = $(".arrow-first strong").html(); 

    if(maxBatAve == batAve) 
     $(".arrow-first strong").css('font-size', 20); 
} 

但它似乎没有工作?不知道为什么,似乎是正确的......

+0

我会建议你安装并学习使用某种JavaScript调试器,允许你设置一个断点并检查第5行比较的两个变量。 [Firebug](http://getfirebug.com/)是一个非常棒的Firefox扩展,包括JS调试器。 Chrome随附一些开箱即用的工具。 – 2011-05-09 21:06:18

+0

经过一些调试,你很可能会自己找出答案。如果没有,你就可以回到这里,问“为什么'1.000'=='1.000'产生错误”或者“为什么.css('font-size',20)改变字体大小“,这是更好的问题:) – 2011-05-09 21:09:18

+0

我想我的问题是,它确实有效。当我在if语句后插入警报时,它会发出警报,但不会更改我的CSS中的字体大小......这就是为什么我很困惑。 – Xtian 2011-05-09 21:31:35

回答

0

这将工作

function battingAve1000(){ 
var maxBatAve = "1.000"; 
var batAve = $(".arrow-first").find('strong').html(); 
console.log($(".arrow-first").find('strong').html()) 
if(maxBatAve == batAve) 
    $(".arrow-first").find('strong').css('font-size', 20);} 

不过是看看Firefox的Firebug,了解的console.log()来查看您的增值经销商正在返回什么。

其实你的代码确实有效,你只是没有调用函数呢?看到这http://jsfiddle.net/FWPd2/

+0

奇怪,因为它不适合我.....不知道为什么。 – Xtian 2011-05-09 21:17:50