使用next（）的jQuery目标元素不起作用

Question

您好我有以下HTML代码，我想在点击链接时获得'p'元素的样式。

<a href="#" onclick="var state = $(this).next().css('display'); alert(state);"/>Link
<p style="display:none;">Test Div</p>

我的问题是我总是'未定义'而不是'无' 这只是一个例子，我可以使用id或类来定位'p'元素，但在生产中我有很多链接，它们没有id或类，这就是为什么我想用'this'来定位'p'元素

我该怎么做？

感谢。

Answer 1

因为锚不是自动关闭的。使用：

<a href="#" onclick="var state = $(this).next().css('display'); alert(state);">Link</a>
<p style="display:none;">Test Div</p>

<强> jsFiddle example