Question

我正试图通过从RSS获取标签来更改Tumblr帖子的类。

我已经有了标签：

<script type="text/javascript">
    var rssurl = '/tagged/ExampleTag/rss';
    $.get(rssurl, function(data) {
    $('#content').append('<div class="example_post">');
    var $xml = $(data);
    var vari = 0;
        $xml.find("item").each(function() {
            var $this = $(this),
                item = {
                    link: $this.find("link").text(),
                    category: $this.find("category").text(),
                    description: $this.find("description").text()
            }
            vari = vari +1;
            if(vari <3){
            $('#content').append('<div class="example_post ' + item.category + '" style="overflow:hidden;"><div class="featured_description' + vari + '">' + item.description + '</div><div class="example_link"><a href="' + item.link + '">Example</a></div></div>');

            }
        });
        $('#content').append('</div>');
    });
</script>

问题是，当我将类添加到“ example_post”类（item.category）中时，如果它具有多个类别，则类之间没有空格。

示例：

标签是“旅行”-这就是我得到的

<div class="example_post travel"> ...

标签是“旅行，灵感和生活”-

<div class="example_post travelinspirationlife"> ...

我想要得到的是

<div class="example_post travel inspiration life"> ...

对不起，我在此先感谢您的帮助。

Answer 1

您需要遍历category标记，并使用空格将它们彼此串联

$xml.find("item").each(function() {
    var $this = $(this);
    var categories = '';
    $this.find("category").each(function(){
      categories +=$(this).text()+" ";
    });
    item = {
        link: $this.find("link").text(),
        category: $.trim(categories),
        description: $this.find("description").text()
    }
    vari = vari +1;
    if(vari <3){
    $('#content').append('<div class="example_post ' + item.category + '" style="overflow:hidden;"><div class="featured_description' + vari + '">' + item.description + '</div><div class="example_link"><a href="' + item.link + '">Example</a></div></div>');

    }
});

使用jQuery从RSS获得的元素添加空间

1 个答案: