Взять все атрибуты элемента
 

Добрый день. Возникают затруднения с получением и прочтением всех атрибутов элемента. Иерархия такая:

<div>
<h3 class="choose-dep" data-dep="1">1</h3>
<h3 class="choose-dep" data-dep="2">2</h3>
...
...
</div>

h3 это кнопка, на ней висит обработчик, каким образом можно прочесть оба атрибута при нажатии? у меня получилось что-то вроде этого:

$("h3.choose-dep").click(function(){
		$(this).toggleClass("active");
		console.info( $(this).parents("div").find("*.active").each(function(){ this.attr("data-dep")}));
    });

в итоге второй селектор не срабатывает вовсе

А чего добиваетесь? Самопального "Аккордиона"?

может попробовать:

$(this).attr('data-dep')

Serg_pnz,
дело в том, что это переключатели, необходимые для настройки интерфейса. т.е. заходит пользователь, выбирает один или несколько элементов, на основе того, что он выбрал отображаются или скрываются другие.
walik,
спасибо)) так заработало.
теперь только новая проблема — мне нужно составить из получившегося массива строку, где элементы буду через пробел и найти все li одного и второго класса.

происходить это должно следующим образом:

значение аттрибута h3 = имени класса li. соответственно, мне нужно найти все элементы li со значением класса h3, которую нажали и добавить им класс hidden.

$("h3.choose-dep").click(function(){
		$(this).toggleClass("active");
		$("h3.active").each(function() {
						console.info( $(this).attr("data-dep"));
						});
	    });

никак не соображу, что сюда дописать

закройте, пожалуйста, тему. проблема не актуальна