JQuery всплывающая подсказка для таблицы HTML

Question

У меня есть HTML-таблица со столбцами: id | name | short | info ...

Теперь я хочу, чтобы при каждом наведении курсора на «name» отображался соответствующий информационный текст из «info»в качестве всплывающей подсказки, используя jquery.Я тестирую с помощью плагина всплывающей подсказки flowplayer, но не могу найти правильный способ выбора необходимых данных.

Так как я не уверен, смогу ли я тогда скрыть полный столбец информации и показывать только текст каквсплывающую подсказку для «имени», которую я хотел спросить, можете ли вы сказать мне лучший способ выполнить эту задачу.

Вот ссылка на структуру таблицы:

jsfiddle Link

Answer 1

Я рекомендую вам использовать всплывающую подсказку jQuery UI, она очень проста в использовании.

Я решил, что вам следует перебрать все имеющиеся у вас

и вставить гиперссылку с заголовком Info,думаю, это самый эффективный способ.

$('tr').each(function(index) {
    var x = $($(this).find('td')[3]).text();
    $($(this).find('td')[1]).wrap('<a href="#" title="' + x + '">' + '</a>');
});

Вот ссылка на мою скрипту http://jsfiddle.net/Pr5sg/16/.You должна расширить результат, чтобы вы могли лучше видеть информацию при наведении курсора.Далее вам нужно отредактировать CSS так, чтобы он соответствовал вашим потребностям.Это мой первый ответ на stackoverflow, поэтому я прошу прощения, если мой английский плохой.

Надеюсь, это действительно поможет!