javascript - 单击标签时更改值

Question

我正在尝试构建一个移动应用程序。从不同网站获取 RSS 内容。但网站有很多，我只想列出用户想看的。

例如；

<a href="#" class="website1">Web Site 1</a>
<a href="#" class="website2">Web Site 2</a>
<a href="#" class="website3">Web Site 3</a>

• 如果 website1 点击了 rss 地址 = website1.com/feed
• 如果 website2 点击了 rss 地址 = website2.com/feed
• 如果 website3 点击了 rss 地址 = website3.com/feed

默认RSS地址=website1.com/feed

我不使用复选框或单选框。我该怎么做？

Answer 1

下面的 jsfiddle 和代码将为您提供每次点击时要查找的提要地址。加载 jquery 插件时出现问题，但是我修复了这个问题，现在它可以在 jsfiddle 中运行了。

http://jsfiddle.net/048uc1ts/8/ - 现在应该显示所需的信息。

 $(document).ready(function () {

    var designrss = 'http://news.layervault.com/?format=rss';             
    $('a').click(function() {

        var designrss;

        var className = $(this).prop('class');

        if(className == 'designernews') {
            designrss = 'http://news.layervault.com?format=rss';
        } else if(className == 'sidebar') {
            designrss = 'http://feeds.sidebar.io/SidebarFeed';
        } else if(className == 'swissmiss') {
            designrss = 'http://feeds2.feedburner.com/Swissmiss';                        
        } else {
            designrss = 'http://news.layervault.com?format=rss';
        }

        alert(designrss)
        $('#divRss').FeedEk({
            FeedUrl:designrss
        });

    })

    });

根据您单击的链接，插件会提供适当的提要。