Добавьте пространство для элементов, полученных из RSS с помощью jQuery - PullRequest
Новая
       14

Добавьте пространство для элементов, полученных из RSS с помощью jQuery

0 голосов
/ 22 октября 2018

Я пытаюсь изменить класс сообщений Tumblr, получая теги из RSS.

Я уже получил теги: 

<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), если у него более одной категории, между классами нет пробела.

Пример:

Метка "travel" - это то, что я получаю

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

Теги "путешествия, вдохновение и жизнь" - 

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

Я хочу получить это: 

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

Извините за плохое объяснение& Заранее спасибо за помощь.

1 Ответ

0 голосов
/ 22 октября 2018

Вам нужно перебрать теги 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>');

    }
});
...