jquery - 如何在 jquery 中直接读取 HTML

Question

请注意，此问题是 this one 的后续问题

我的页面上呈现以下代码(或多或少 - 数据定期更改)。

<div class="weather-feed">
    <img src="http://l.yimg.com/a/i/us/we/52/28.gif"/><br />
    <b>Current Conditions:</b><br />
    Mostly Cloudy, 19 C<BR />
    <BR /><b>Forecast:</b><BR />
    Tue - PM Thunderstorms. High: 26 Low: 16<br />
    Wed - Mostly Sunny. High: 27 Low: 16<br />
    <br />
    <a href="http://us.rd.yahoo.com/dailynews/rss/weather/Pretoria__SF/*http://weather.yahoo.com/forecast/SFXX0044_c.html">Full Forecast at Yahoo! Weather</a><BR/><BR/>
    (provided by <a href="http://www.weather.com" >The Weather Channel</a>)<br/>
</div>

我想设置样式，所以我想通过添加 <div> 来修改呈现的 HTML围绕每个部分(所需代码位于上一个问题的链接中。

我已经编写了以下 jquery(在很多人的帮助下)来帮助我:

$(document).ready(function() {
    var src = $(".weather-feed");

    // remove line feeds
    var result = src.find("br").remove();


    //var condition = src.html().match(/<b>Current Conditions:<\/b>([^<]*)<b>/)[1].trim());

    // modify weather icon
    result += "<div class=\"weather-icon\"><img src=\"" + src.find("img").attr("src") + "\" /></div>";

    // modify weather conditions
    result += src.find("b:nth-child(1)").before("<div class=\"weather-conditions\">") + ;
    result += src.find("b:eq(1)").before("</div><div class=\"weather-forecast\">");
    result += src.find("a:nth-child(1)").before("</div><div class=\"weather-detail\">");
    result += src.find("a:nth-child(1)").after("</div");

    $("#weather-feed").append(result);
});

不过目前，所有呈现的都是这样:

[对象对象]

[对象对象][对象对象][对象对象][对象对象]

我真的不明白 jquery 在这里到底做了什么。我的目标基本上是获取 html 的字符串表示形式，并将 html 替换为修改后的字符串。

在我看来，它采用文字 html 并将其扔到页面上……不过我真的不知道。

那么我该如何修改这段代码来编写来自src的html代码呢？进入result我在哪里需要它？

Answer 1

您应该将 html 内容进一步处理..

var src = $(".weather-feed").html();