jQuery Избавьтесь от: Hover подчеркивают?
Вопрос
Я просто начинаю с jQuery, немного беда.
Получил таблицу миниатюр, и я хочу, чтобы каждая ячейка была подчеркнута, когда я навязываю на картинку внутри него. Получил эту часть работы. Но я также хочу картину внутри клетки не иметь подчеркивания - это унаследовано от таблицы стилей a:hover{text-decoration:underline}
Отказ Вот где я застрял, я не думаю, что я устанавливаю правильную вещь.
Мне нужно использовать встроенные стили, поэтому мой jquery выглядит как:
$('[name*=thumb]').hover(
function () {
//as we hover over an item, change it's background, attempt to vaquish pesky underline
$('#' + $(this).attr('id').replace('thumb', 'thumbcontainer')).css('background-color', '#cccccc');
$('#' + this).css('text-decoration', 'none'); //doesn't work : (
},
function () {
//fix bgs of items we're not hovering on
$('#' + $(this).attr('id').replace('thumb', 'thumbcontainer')).css('background-color', '#ffffff');
}
);
Мой HTML выглядит так:
<td name="thumbcontainer8" id="thumbcontainer8"><a href="#" name="thumb8" id="thumb8"><img src="..." /></a></td>
<td name="thumbcontainer9" id="thumbcontainer9"><a href="#" name="thumb9" id="thumb9"><img src="..." /></a></td>
Решение
Что о:
$(this).css('text-decoration', 'none');
Другие советы
Разве это правило в твоей таблице стилей делают трюк?
a:hover img{text-decoration:none}
Не связан с StackOverflow