jquery - 使用 jQuery 为从 RSS 获取的元素添加空间

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>');

    }
});