Jquery改变元素值？

Question

我有 5 个 div。

<div class="wx-temp">89 <sup>°F</sup></div>
<div class="wx-temp">91 <sup>°F</sup></div>
<div class="wx-temp">87 <sup>°F</sup></div>
<div class="wx-temp">90 <sup>°F</sup></div>
<div class="wx-temp">89 <sup>°F</sup></div>

我是这样理解的。

var degress = $("div.wx-temp").text();

我想在 sup 元素后面附加 celcius 值。

当我在 .each 函数中获得度数时，它会像这样解析文本:

{8,9,°,F,9,1,°,F.........} 

我只想获取这样的整数:

{89,91,87,90,89}

我该怎么做？谢谢。

Answer 1

如果您要迭代.text，您将得到这样的结果——对字符串中每个字符的迭代。您想要迭代整个元素列表:

$("div.wx-temp").each(function() {
    var degFahrenheit = parseInt($(this).text(), 10);
    var degCelcius = customConversionHere(degFahrenheit);
    // append degCelcius to $(this)
});

严格来说，上面的 $(this).text() 将产生 "89 °F"，而不是 "89"，但是parseInt 会处理这个问题。