Здравствуйте. Только сел за изучения JS/JQuery. Основной профиль у меня python/django.
Начал с простенкой задачки. На страницу выгружаются блоки закладок, во например:
<div class="span9 bookmarks_list">
<div class="div_bookmark">
<a class="thumbnail" href="http://translate.google.ru/">http://translate.google.ru/</a>
<h6><a href="/bookmarks/5/ " class="btn btn-info lead">Редактировать</a>
Приоритет:9 ||
Просмотрено: False ||
Публичная: True
<a href="/bookmarks/delete_bookmark/5" class="btn pull-right btn-mini btn-danger">удалить</a>
<details class="Вспомогательные инструменты"></details>
</h6><hr>
</div>
<div class="div_bookmark">
<a class="thumbnail" href="http://bootstrap.veliovgroup.com/index.php">http://bootstrap.veliovgroup.com/index.php</a>
<pre>Bootstrap с переводом
</pre>
<h6><a href="/bookmarks/7/ " class="btn btn-info lead">Редактировать</a>
Приоритет:9 ||
Просмотрено: False ||
Публичная: False
<a href="/bookmarks/delete_bookmark/7" class="btn pull-right btn-mini btn-danger">удалить</a>
<details class="Ресурсы для изучения материала"></details>
</h6><hr>
</div>
</div>
Их много. На этой же страничке есть категории(тэг <a>). Хочу по нажатию просто отфильтровать этот список закладок и вывести его в блок <div class="bookmarks_list"> заменив старые блоки.
Вот с чего начал(делаю пока просто функцию, без нажатия на кнопку), но при этом на ошибку нарвался:
function filterByCategory(selected_category) {
var elements = $('div[class=div_bookmark]');
var filtered_elements = elements.filter('details[class='+String(selected_category)+']');
var result = '';
for(var i=0;i<filtered_elements.length;i++) {
result += filtered_elements[i].toString()+'\n';
}
// return alert(result)
// return alert(elements.each(function(indx, elem) {console.log(elem)}))
return alert(filtered_elements.each(function(indx, elem) {console.log(elem)}))
}
filterByCategory('Вспомогательные инструменты')
Выскакивает ошибка:
Error: Syntax error, unrecognized expression: details[class=Вспомогательные инструменты]
Подскажите, что не так написал?