選擇下一格,我有以下HTML:jQuery的通過
<div class="row">
<div class="fourcol "> <a class="getNote" id="1" href="#">Create a Skybox</a> </div>
<div class="fourcol "> <a class="getNote" id="2" href="#">Add images to sky box</a> </div>
<div class="fourcol last"> <a class="getNote" id="3" href="#">Delete a sky box</a> </div>
<div class="row">
<div class="twelvecol noteDetails"></div>
</div>
<div class="fourcol "> <a class="getNote" id="4" href="#">Change a skybox</a> </div>
<div class="fourcol "> <a class="getNote" id="5" href="#">Cool a skybox</a> </div>
<div class="fourcol last"> <a class="getNote" id="6" href="#">Hey a skybox</a> </div>
<div class="row">
<div class="twelvecol noteDetails"></div>
</div>
<div class="fourcol "> <a class="getNote" id="7" href="#">one more</a> </div>
<div class="row">
<div class="twelvecol">
<div class="noteDetails"></div>
</div>
</div>
如何選擇與noteDetails類的第一個div?
我曾嘗試:
$('#1').closest("div.noteDetails").html('test');
,但它不工作。
編輯:我真正想要做的是,例如,如果我點擊鏈接ID爲4,然後我想更新的最近.noteDetails(在這種情況下是第二.noteDetails)
我結束了只是分配行id然後直接訪問它們。我知道這個html很奇怪,但它必須是這個對於一些Ajax的東西,即時通訊 – krsunny