jquery - 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元素之后附加摄氏度值。

当我得到.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会照顾到这一点。

Answer 2

var degress = $("div.wx-temp").text();
var substr = degrees.split(' °F');

给

substr[0] = '89';
substr[1] = '91';    

Answer 3

$(function(){

    alert(GiveDegrees());

});

function GiveDegrees()
{
    var divs = $('div.wx-temp');
    var degrees = new Array();

    $.each(divs,function(i,j){

        degrees.push( stringToNum( $(this).text()));

    });

    return degrees;
}

function stringToNum(str){
  return str.match(/\d+/g);

}

小提琴链接：http: //jsfiddle.net/LyG6q/5/