jQuery没有更新span

时间:2011-02-03 00:53:57

标签: jquery html

我正在使用jQuery将我的头发拉出来更新跨度内容,但它只是不起作用!

http://jsfiddle.net/PottyMonster/34mGm/

我已经包含了以下所有内容,即使我确定只有这样做不起作用:

$("#YouGet").html(StringToGoIn);

--- Html ---

&pound;<input onChange="CutCalculator();" id="CostField" type="text" class="ItemFieldCost" name="Cost" value="100" />
<span id=\"YouGet\">&pound;50.00</span>

- 标题中的脚本---

    function IsNumeric(strString)
//  check for valid numeric strings    
{
    var strValidChars = "0123456789.-";
    var strChar;
    var blnResult = true;

    if (strString.length === 0) {
        return false;
    }

    //  test strString consists of valid characters listed above
    for (i = 0; i < strString.length && blnResult === true; i++) {
        strChar = strString.charAt(i);
        if (strValidChars.indexOf(strChar) == -1) {
            blnResult = false;
        }
    }
    return blnResult;
}



function CutCalculator() {

    var Value = $('#CostField').val();

    if (IsNumeric(Value) === false) {
        alert("You didn't enter a valid value");
    }
    else {

        Value = parseFloat(Value);

        var Split = 0.5;
        var SupplierGets = Value * Split;
        var StringToGoIn = "&pound;" + SupplierGets;

        // alert(StringToGoIn );   <--- works fine
        // ---- WHY IS THIS NOT WORKING?!?! - URGH!!!
        $("#YouGet").html(StringToGoIn);

    }

}

另外,出于兴趣,我最近看到很多人在做jQuery选择器,比如...

$('span[id=YouGet]').html(data);

而不是

$("span#YouGet").html(StringToGoIn);

有什么理由吗?

3 个答案:

答案 0 :(得分:0)

取走逃脱id="YouGet"作品

答案 1 :(得分:0)

您正在转义ID名称中的引号字符。因此,您的范围的ID为"YouGet",而不是YouGet。从HTML中的引号中删除转义。

答案 2 :(得分:0)

http://jsfiddle.net/mzm6g/

这似乎有效。