Получить несколько текстовых узлов div и связать событие с родительским div

Question

Я потратил немного времени, чтобы узнать, как сделать простую вещь: я хотел бы получить текст из некоторого li div.joomimg24_imgct div.joomimg24_txt ul li и связать все div этого класса с событием (яХотелось бы получить индекс каждого div.joomimg24_imgct, если это возможно).Например, если у меня есть:

author : 0 
comments 1

Я бы хотел сохранить 0 и 1 в переменные и скрыть div.joomimg24_txt, а затем выполнить sth с переменными.Дело в том, что я даже не могу заставить div.joomimg24_txt манипулировать.

У меня уже есть:

jQuery("div.joomimg24_imgct option").each(function() {
 jQuery(this).bind({
   mouseenter: function(){
   // get a text  of each li in div.joomimg24_txt ul and save it, hide div
   //  jQuery(this ).index(jQuery("div.joomimg24_txt")).hide();  //it dont work
   //  jQuery(this ).(jQuery("div.joomimg24_txt")).hide();      //it dont work
   // create a Pop-up, so I'd be nice to know x,y of *this*

  },
  mouseleave: function(){
  }
})
});

Answer 1

jQuery("div.joomimg24_imgct option").hover(function() {
   // mouse enter

   var index = $(this).index();

}, function() {
   // mouse leave
});

Answer 2

Я долго пытался добиться желаемого эффекта, но теперь все работает.Возможно, кому-то будет полезно: это всплывающее окно для JoomImages (JoomGallery, Joomla), чтобы изменить описание на всплывающее: