Получить содержимое щелкнутого div

Question

У меня есть строка div с тем же классом css (.nav_div), с различным текстом в каждом, в панели навигации. Они созданы так:

<div class=nav_div>Contact</div>... 

Я установил все эти дивы ввести функцию при любом щелчке на этом:

$('.nav_div').click(nav_is_clicked); 

В функции nav_is_clicked(), я хочу, чтобы сохранить содержимое из div, который был нажат в переменной под названием div_text, но у меня проблемы. Это не работает:

var div_text = $(this).contents().text(); 

Как получить текст из div, который был нажат?

Спасибо.

Answer 1

Просто используйте text(). contents() дает вам «детей каждого элемента в наборе согласованных элементов, включая текстовые и комментарии узлов.», который не то, что вы хотите.

$('.nav_div').click(nav_is_clicked); 

function nav_is_clicked() { 
    var div_text = $(this).text(); 
} 

Edit -

Похоже, ваш исходный код на самом деле работает: http://jsfiddle.net/SLVEs/

Вы связывание обработчика щелчка, прежде чем элемент существует (например, перед загрузкой страницы)?