Javascript 如何使用Jquery获取类并执行函数

我目前正在从事一个项目，处理来自网站的提要。 我已经成功地获得了提要，但我的挑战是当用户单击提要链接而不是将用户带到提要站点时，获取提要的内容和标题

我试过用不同的方法来解决这个问题，但没有一个有效

下面是我的最新代码（Jquery Mobile）

（函数（$）{
$.fn.FeedEk=函数（opt）{
var def={FeedUrl:''，MaxCount:5，ShowDesc:true，ShowPubDate:true，ShowFullContent:true}；
如果（选择）{
$.extend（def，opt）
}
var idd=$（this.attr（'id'）；
if（def.FeedUrl==null | | def.FeedUrl===“”）{
$（'#'+idd）.empty（）；
返回；
}
var pubdate；
$（'#'+idd）.empty（）.append（''）；
$.ajax({
网址：'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=“+def.MaxCount+”&output=json&q=”+encodeURIComponent（def.FeedUrl）+“&callback=？”，
数据类型：'json'，
成功：功能（数据）{
$（'#'+idd）.empty（）；
$（'#post'）.empty（）；
var输出='
；
$.each（data.responseData.feed.entries，函数（i，entry）{
var i=新数组（i）；
对于（j=0；j
地方新闻

我认为您需要的很简单。jFeed站点的示例代码：

jQuery.getFeed(options);

   options:

   * url: the feed URL (required).
   * data: data to be sent to the server. See jQuery.ajax data property.
   * success: a function to be called if the request succeeds.
     The function gets passed one argument: the JFeed object.

   Example:

   jQuery.getFeed({
       url: 'rss.xml',
       success: function(feed) {
           alert(feed.title);
       }
   });

---

据我所知，您希望在网页上的单独页面上显示每个新闻源，并阻止链接打开新窗口（离开您的网页）

您可以执行以下操作，当然它需要一些调整和CSS样式，这是很容易做到的。下面的代码阻止在新窗口中打开链接，-使用

preventDefault（）

-它复制提要详细信息（标题、图像、完整文章..等），并将其动态附加到新页面

每个页面都有一个自动生成的ID，以防您希望使用滑动事件或任何其他方法在它们之间导航

代码：

var pageid = 0;

$('#ipaid').on('click', 'a', function (e) {
 pageid++;
 e.preventDefault();
 var clicked = $(this);
 var root = clicked.closest('li');
 var linkto = clicked.attr('href');
 var title = clicked.text();
 var date = clicked.parent('div').next('div').text();
 var linkdiv = root.find('div.itemTitle');
 var datediv = root.find('div.itemDate');
 var contentdiv = root.find('div.itemContent');
 var image = contentdiv.first('div').find('img').attr('src');
 var article = '';
 contentdiv.find('p').each(function () {
    article += $(this).text();
});

 var newPage = $("<div data-role=page id='page" + pageid + "'><div data-role=header><a data-iconpos='left' data-icon='back' href='#' data-role='button' data-rel='back'>Back</a><h1>" + title + "</h1></div><div data-role=content><p>Date:" + date + "</p><img src='" + image + "'></div><div class='article'><p>" + article + "</p></div></div></div");

 newPage.appendTo($.mobile.pageContainer);

 $.mobile.changePage('#page' + pageid);
});

var pageid=0；
$（'#ipaid'）。在（'click'，'a'，函数（e）上{
pageid++；
e、 预防默认值（）；
var clicked=$（这个）；
var root=clicked.closest（'li'）；
var linkto=clicked.attr（'href'）；
var title=clicked.text（）；
var date=clicked.parent（'div'）.next（'div'）.text（）；
var linkdiv=root.find（'div.itemTitle'）；
var datediv=root.find（'div.itemDate'）；
var contentdiv=root.find（'div.itemContent'）；
var image=contentdiv.first（'div'）.find（'img'）.attr（'src'）；
var article=''；
contentdiv.find（'p'）。每个（函数（）{
article+=$（this.text（）；
});
var newPage=$（“+title+”Date:“+Date+”
“+article+”
我从FeedEk获得了一个很好的提要，它工作得很好。我只想做的是，一旦用户点击一个链接，它会将他们带到一个特定页面，然后获得链接标题和内容这里是我认为我有问题的地方
如果（$（'.+id.）。点击（）=true）{$（'#post'）.empty（）；var postTitle=title[id]；var postContent=content[id]；$（'#post'）。append（'+postTitle+'+postContent+''）}
然后简单地使用事件和javascript函数！
窗口。导航（“someURL”）
也很好，如果你不需要一个新窗口…
输出+=''；
一旦点击链接，它将把他们带到“后内容”页面，然后在“后内容”里面有一篇文章，我希望点击链接的标题和内容出现在那里，而不是我得到最后的标题和输出内容，你的意思是如果用户点击政治它用政治新闻源创建了一个新页面？你在找这样的东西吗？仍在努力，但我得到了你想要的。@奥马尔我想要的是，一旦加载了新闻源，用户单击链接，链接就会转到一个名为“postContent”的页面。在“postContent”里面有一个“post”。现在我想要这个页面的标题和内容t特定的点击链接出现在#post中。检查此项。点击本地新闻，然后点击任何新闻链接。这是您想要的，对吗？@omar这不是我想要的，我希望标题链接链接链接链接到一个#页面，点击链接后，该特殊链接的完整内容和标题将显示在该页面上，例如，
`提要标题
提要内容
jQuery.getFeed(options);

   options:

   * url: the feed URL (required).
   * data: data to be sent to the server. See jQuery.ajax data property.
   * success: a function to be called if the request succeeds.
     The function gets passed one argument: the JFeed object.

   Example:

   jQuery.getFeed({
       url: 'rss.xml',
       success: function(feed) {
           alert(feed.title);
       }
   });

var pageid = 0;

$('#ipaid').on('click', 'a', function (e) {
 pageid++;
 e.preventDefault();
 var clicked = $(this);
 var root = clicked.closest('li');
 var linkto = clicked.attr('href');
 var title = clicked.text();
 var date = clicked.parent('div').next('div').text();
 var linkdiv = root.find('div.itemTitle');
 var datediv = root.find('div.itemDate');
 var contentdiv = root.find('div.itemContent');
 var image = contentdiv.first('div').find('img').attr('src');
 var article = '';
 contentdiv.find('p').each(function () {
    article += $(this).text();
});

 var newPage = $("<div data-role=page id='page" + pageid + "'><div data-role=header><a data-iconpos='left' data-icon='back' href='#' data-role='button' data-rel='back'>Back</a><h1>" + title + "</h1></div><div data-role=content><p>Date:" + date + "</p><img src='" + image + "'></div><div class='article'><p>" + article + "</p></div></div></div");

 newPage.appendTo($.mobile.pageContainer);

 $.mobile.changePage('#page' + pageid);
});