Автозаполнение списка из скрытых якорей на странице - PullRequest
Новая
       3

Автозаполнение списка из скрытых якорей на странице

0 голосов
/ 29 октября 2010

Мне нужно передать не более 300 строк из якорей тегов на странице в jquery: 

var availableTags = [
"my tag",
"my tag1"
];

Taglist

Сервер выдает мне список тегов только определенного формата, где числотеги 300 (или меньше).Каждый якорь помещается в div.Этот div имеет статический класс "tagItem": 

<div class="tagItem">
 <a href="/search/my some first tag/" rel="nofollow" class="eTag eTagGr123">
  my tag
 </a>
</div>
<div class="tagItem">
 <a href="/search/my some first tag/" rel="nofollow" class="eTag eTagGr435">
  my tag1
 </a>
</div>

Что нужно сделать, это взять строку привязки (мой некоторый тег) и динамически поместить ее в доступные теги.

Возможно ли это вообще?И если так, как это можно сделать правильно.Примечание: я не могу вносить изменения в формат вывода списка тегов из-за ограничений.

1 Ответ

1 голос
/ 29 октября 2010

После некоторого тестирования, вот полный пример: 

<html>
  <head>
    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
$(document).ready(function() {
    var availableTags = [];
    $('div.tagItem a').each(function() {
        var text = $(this).text();
        availableTags.push(text);
    });

    // at this point, availableTags is:
    // ['Tag One', 'Another Tag', 'Tag Three', 'Last Tag']

    $('#tags').autocomplete({
        source: availableTags
    });
});
    </script>
  </head>
  <body>

    <div class="tagItem"><a href="/search/tag one">Tag One</a></div>
    <div class="tagItem"><a href="/search/tag two/">Another Tag</a></div>
    <div class="tagItem"><a href="/search/tag three/">Tag Three</a></div>
    <div class="tagItem"><a href="/search/tag four/">Last Tag</a></div>

  </body>
</html>
...