Как преобразовать атрибут «title» в событие наведения курсора с помощью jQuery?
У меня есть элемент "span" внутри элемента "table" "td". Тег span имеет заголовок.
Я хочу получить заголовок этого тега span и вытащить его, чтобы сделать его подсказкой «наведения курсора» для элемента «td».
Например:
Я хочу перевернуть это:
<td>
<a href = "#"><span id = "test" title = "Acres for each province">Acres</span></a>
</td>
В это:
<td onmouseover = "tip(Acres for each province)">
<a href = "#"><span id = "test">Acres</span></a>
</td>
Обновлено: Не думаю, что вы понимаете. Я пытаюсь поместить функцию onmouseover в тег «td». Я НЕ пытаюсь поместить это в тег "span".
Ответы 5
что-то типа:
$("span#test").mouseover( function () {
tip($(this).attr("title"));
}
С jQuery:
$('#test').attr('title')
Основываясь на ваших изменениях, вы можете проверить методы обхода JQuery DOM: http://docs.jquery.com/Traversing
Что-то в этом роде (не проверено, я не утверждаю, что это синтаксически правильно, здесь просто общие идеи) ...
$("td").each(function()
{
$(this).mouseover(function()
{
tip($(this).children("span").attr("title"));
});
});
Если вы не можете поместить класс на td или выбрать его каким-либо образом, начните с выбора диапазона, затем перейдите к прародителю диапазона и присоединитесь к наведению указателя мыши:
// get each span with id = test
$("span#test").each(function(){
var $this = $(this);
// attach to mouseover event of the grandparent (td)
$this.parent().parent().mouseover( function () {
tip($this.attr("title"));
}
);
Хорошо, я тоже попробую: P
$("#yourTable").find("td").over(function()
{ generateTip($(this).find("span:first").attr("title") }
, function() { removeTip() }
)
Что это значит:
- Получить таблицу с идентификатором yourTable
- Выделите все его тд
- вставить событие mouseover и mouseout
- событие mouseover: вызовите функцию generateTip со значением заголовка первого диапазона в этом td
- событие mouseout: вызовите функцию removeTip () (необязательно).