jQuery的：選擇父DIV的下一格之外

好吧，我覺得像我「米失去了一些東西很簡單，但這裏有雲：jQuery的：選擇父DIV的下一格之外

此代碼的偉大工程，正是這樣，我希望它您點擊鏈接和。下一格顯露（有其中約10頁）

$('a.addtask').click(function(){ 
     $(this).next('.field').slideToggle(); 
    return false; 
    }); 

    <div class="field"> 
    Some content 
    </div> 

    <a href="#" class="addtask">Add a task</a> 

    <div class="field" style="display:none;"> 
    some other content 
    </div>

我想做但是做的是改變HTML像這樣（在div內部鏈接）：

<div class="field"> 
    Some content 
    <a href="#" class="addtask">Add a task</a> 
    </div> 


    <div class="field" style="display:none;"> 
    some other content 
    </div>

^^哪個不能正常工作更多。

我需要在我的jquery中更改以使其工作？我一直在Google上搜索一段時間，並且類似帖子中的一些解決方案似乎沒有工作。

來源

2012-07-22 Clayton Correia

$(".addtask").parent().next(".field")應該工作

來源

2012-07-22 23:06:44 Naren

轟！非常感謝。 – 2012-07-22 23:08:54

我已經做了上述問題完全箱。

DEMO：http://codebins.com/bin/4ldqp9y

HTML：

<div class="field"> 
    Some content 
    <a href="#" class="addtask"> 
    Add a task 
    </a> 
</div> 
<div class="field" style="display:none;"> 
    some other content 
</div>

CSS：

.field{ 
    padding:7px; 
    border:1px solid #4455f9; 
    background:#74cca9; 
}

JQuery的：

$(function() { 
    $('a.addtask').click(function() { 
     $(this).closest('.field').next('.field').slideToggle(); 
     return false; 
    }); 

});

來源

2012-07-23 11:48:07 gaurang171

試試這個：$(".addtask").nextAll('.field').first()

來源

2015-12-28 15:37:43

在回答幾個答案的老問題時，尤其是當一個答案被接受時，請注意。你需要解釋爲什麼你的答案比其他現有的職位更好。 – APC 2015-12-28 15:50:33

jQuery的：選擇父DIV的下一格之外

回答

相關問題