2014-12-03 31 views
-1

分配變量有序列表中的一員,我需要有序列表的第4個孩子裏分配給一個變量$目標,使其淡出如何在jQuery中

這是jQuery的代碼.. 。只是需要設置的東西等於$的目標,但無法弄清楚

$(document).ready(function() { 
    var $target = ''; 
    $target.fadeOut('fast'); 
}); 
+0

很好。祝你好運。你有沒有嘗試過任何東西? – 2014-12-03 17:25:54

+1

這裏的問題通常比一個句子長。請解釋你想要做什麼,發佈你試過的代碼,並告訴我們你卡在哪裏。 – j08691 2014-12-03 17:26:06

+1

是的,我已經嘗試了幾個代碼,但它給了我錯誤...我剛開始jQuery,並不能弄明白。任何幫助將不勝感激。 – NewProgrammer7 2014-12-03 17:27:06

回答

1
<ol clas="myList"> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li>HELLO</li> 
    <li></li> 
</ol> 

鑑於上述標記,用下面的jQuery搶4 li

var $target = $('.myList li').eq(3); 
$target.fadeOut(); 
//$target.html() == 'HELLO'; 
+0

它的工作..謝了 – NewProgrammer7 2014-12-03 17:41:49

+0

爲什麼我們使用eq(3)??? – NewProgrammer7 2014-12-03 17:43:26

+0

jQuery集有一個基於0的索引。所以eq(0)是第一個元素,eq(1)是第二個,eq(2)是第三個等。 – 2014-12-04 08:19:45

-1

你沒有張貼任何代碼,所以很難看到,如果這是你想要的,但我認爲它是:

$target = $('ul').find('li').eq(3); 

這是自我解釋,但以防萬一:首先要選擇列表('ul'),然後選擇項目('li')eq(3)(第四項),最後將搜索範圍縮小到所需的元素。


不要擔心downvotes。我目前也在接受他們。當你是初學者時,很難在這裏感受到自己的歡迎,但你會習慣它。

+0

感謝您的動機...我只是一個初學者,但會習慣它 – NewProgrammer7 2014-12-03 17:38:06

+0

你很歡迎。 – Verhaeren 2014-12-03 17:39:15

1

有很多方法可以選擇第四個li,我傾向於使用第n個類型,但有很多方法可以用於select和/或traverse

$(document).ready(function(){ 
 
    var $target = $('li:nth-of-type(4)'); 
 
    $target.fadeOut('fast'); 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li>1</li> 
 
    <li>2</li> 
 
    <li>3</li> 
 
    <li>4</li> 
 
    <li>5</li> 
 
</ul>

爲了更好地體驗發問這裏所以,一定要求前檢查 relevant documentation