当我将鼠标悬停在<p>
标签上时,我只想更改一个父级。代码是:
$('.hover').each(function () {
$(this).parent().hover(function () {
$('p').parent(this).css('font-size','30px');
}, function () {
$('p').parent(this).css('font-size','10px');
});
});
HTML是:
<ul>
<li>1 <p class='hover'>xxxx</p></li>
<li>2 <p class='hover'>yyyy</p></li>
</ul>
当我将鼠标悬停在“xxxx”上时,我希望“1”和“xxxx”发生变化,但“2”和“yyyy”什么也不做,当我将鼠标悬停在“yyyy”上时,我希望“2”和“yyyy”发生变化但是“1”和“xxxx”什么都不做。
我是 jQuery 的新手。