1

这是该问题的解决方案的后续行动。

我正在使用 jQuery 的load()函数将 div 标记中的标题从我的站点中的一个页面拉到另一个页面。这非常有效。

问题是,load() 拉动了 div 标签本身,这是我不想要的,因为它会像源页面一样通过 CSS 进行格式化。

这是PHP:

function get_team_articles($team_id, $feat=0) {
    .
    .
    .
    while ($row = mysql_fetch_assoc($r)) {
        $page = explode('_', $row['page_id']);
        (is_numeric($page[1]))
            ? $pre = 'wk_'
            : $pre = '';
        $arr[] =    $page[0] . " | " . $pre . $page[1] . ": " . "
                    <a linked_div='news_header'
                    linked_path='../news/" . $page[0] . "/" . $pre . $page[1] . "/" . $page[1] . "_" . $page[2] . ".html'
                    href='index.php?view=news&yr=" . $page[0] . "&wk=" . $page[1] . "&pg=" . $page[2] . "'></a>";
    }

    $articles = implode('<br/>', $arr);
    return $articles;
}

注意我的 jQuery 中使用的锚标记中的linked_divand属性:linked_path

function set_team_headlines(){
    $('#section-articles > a').each(function() {
        var a = $(this);
        a.load(a.attr('linked_path') + ' #' + a.attr('linked_div'));
    });
}

显然,我不能在 PHP 中去除锚标记中的 HTML 标记,因为服务器在加载时没有锚标记中的文本;所以我假设我需要在load()调用后删除 jQuery 中的 HTML ......这就是我不知道该怎么做的事情。:)

想要的结果是:

<a href="...">My headline</a>

得到的结果是:

<a href="..."><div id="news_header">My headline</div></a>

希望这是有道理的。我想我提供了比我需要的更多的细节。谢谢!

4

1 回答 1

2

.load在选择器中向下导航一层

a.load(a.attr('linked_path') + ' #news_header');

如果您的 news_header id 不是唯一的,则通过该 id 选择无效(ID 必须是唯一的!)

要解决该问题,请使用以下命令:

a.load(a.attr('linked_path') + ' #' + a.attr('linked_div') + ' div');

编辑:
.load实际上在附加 html 而不是附加目标元素的子元素时包含目标元素。我会转向使用$.get().

$.get(a.attr('linked_path')).done(function(html) {
    a.text($(html).filter("#news_header").text());
});
于 2012-05-23T19:02:59.050 回答