改变动态JavaScript数据

Question

我一直在讨论这个问题，我相信有办法解决这个问题。

目前，我正在建设一个网站，有许多博客。这些博客有一个RSS提要，我可以用一个简洁的jquery脚本从博客中提取数据，比如博客标题、博客日期、博客图片等等。

我使用的脚本使用了短代码来呈现这些属性，例如：

<script type="text/javascript" src="http://cdn2.hubspot.net/hub/213747/file-722482310-js/scripts/jquery.rss.js"></script>
<script type="text/javascript">
  jQuery(function($) {
    $("#tech_feed").rss("http://www.example.com/big-data/rss.xml", {
      limit: 1,
      entryTemplate:  '<h1 id="blog_title">{blog-title}</h1>'
});
</script>

这是伟大的工作，并带来了标题。然而，我想使用Jquery对这个标题执行一个子字符串或片段，但是由于它是动态添加的，所以我似乎无法抓住它。我可以在控制台中这样做，但是我需要做什么才能在加载为html之后“抓取它”呢？这个是可能的吗？

Answer 1

看起来你使用的插件有一个回调参数。所以，你可以：

$(function() {
    $("#tech_feed").rss("http://www.example.com/big-data/rss.xml", {
        limit: 1,
        entryTemplate:  '<h1 id="blog_title">{blog-title}</h1>'
    }, function() {
        //Do your thing here where the feed has been loaded;
        //Such as
        alert ( $("#blog_title").text() );
    });
});

Answer 2

编辑：

在阅读您的评论后，您想要的是在数据到达后在回调中操作：

$("#tech_feed").rss("http://www.feedforall.com/sample.xml", {
  limit: 1,
  entryTemplate:  '<h1 id="blog_title">{title}</h1>'}, function() {  });

如图所示：http://jsfiddle.net/heavyhorse/rz59L0r2/

如果要修改元素的内部html，请在数据到达后尝试如下所示：

$('#blog-title').text(newTitleData);

http://jsfiddle.net/heavyhorse/y78phrv5/