我想為其他影片制作影片,li:nth-child但它不起作用。所以首先我有
<li><a href="#"> H </a></li>
<li><a href="#"> A </a></li>
<li><a href="#"> B </a></li>
<li><a href="#"> C </a></li>
所以第一個孩子將移動第二個孩子。這是jquery,但我不知道這是否正確。
$('li:nth-child(1) a').click(function() {
$('li:nth-child(2) a').animate({
left: '100px',
});
});
這是我的演示
uj5u.com熱心網友回復:
使用:nth-of-type而不是:nth-child(nth-child(2)表示您要訪問其中的第二個子項li,null因為您只有一個元素)
leftanimate 中的屬性不會做任何事情,除非a孩子擁有絕對位置。
css
a {
position: absolute;
}
js
$('li:nth-of-type(1) a').click(function(e) {
$('li:nth-of-type(2) a').animate({
left: '100px',
});
});
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/384236.html
