jQuery的初學者選擇

我有以下的html代碼：jQuery的初學者選擇

<div class="first-div"> 
    <p><a>click this</a></p> 
</div> 
<br /> 
<div class="second"> 
    <p>show this</p> 
</div>

我躲在.second的文檔加載。當我點擊唯一的錨點時，我想選擇類second的div，嘗試了一切，但仍然沒有運氣。

這是我的JavaScript：

$(document).ready(function(e) { 
    $(".second").hide() 
    $("a").click(function(e) { 
     $(this).parent().parent().next(".second").toggle() 
    }); 
});

另外，我有幾個這些div的PHP動態加載。

來源

2013-02-17 Pacha

你的意思是展示，而不是選擇 – mplungjan 2013-02-17 14:03:02

請上傳你試過的代碼。 – Oded 2013-02-17 14:03:14

此外，我會使用一個ID而不是一個類來唯一標識一個元素。更快，併爲此而設計。 – 2013-02-17 14:04:16

變化，

$(this).parent().parent().next(".second").toggle()

到

$(this).parent().parent().nextAll(".second").toggle()

next元素不是.second但br。

此外，

$(this).closest('.first-div').nextAll(".second").toggle()應該工作。

來源

2013-02-17 14:05:42 Jashwant

這工作，謝謝。我對js非常陌生 – Pacha 2013-02-17 14:06:49

使用hide()和show()

對於你的鏈接：

<a href="#" onclick="ShowIt()">Show</a>

並在代碼：

function ShowIt() { 
    $('.second').show() 
}

來源

2013-02-17 14:07:35

jQuery的初學者選擇

回答

相關問題