从 jQuery 中的书签标签 (#bookmark) 遍历？

Question

我在浏览带有 jquery 标记的书签时遇到问题。具体来说，如下 HTML：

<a id="comment-1"></a> 
<div class="comment"> 
<h2 class="title"><a href="#comment-1">1st Post</a></h2> 
  <div class="content">
    <p>this is 1st reply to the original post</p> 
  </div> 
  <div class="test">1st post second line</div>
  </div>

如果页面在 URL (site.com/test.html#comment-1) 中带有书签标签，我正在尝试遍历 class= "title" 的位置。以下是我用于测试的代码：

if(window.location.hash) {
alert ($(window.location.hash).nextAll().html());
}

它执行得很好，并返回适当的 html (<h2 class="title"><a href="#co...)

问题是如果我向它添加一个选择器 ($(window.location.hash).next('.title').html())，我会得到一个空结果。为什么会这样？ nextAll 不是正确的遍历函数吗？ （我也试过next+find没用）

谢谢！

Answer 1

有一个 jquery 插件：http://github.com/shanbady/Jquery-ajaxBookmarkable

Answer 2

$('#comment-1') 选择器选择 <a> 元素。 next 方法查看该元素的下一个兄弟节点。没有具有“标题”类的此类节点，因此您得到一个空结果。在您的示例中，<a> 的唯一兄弟节点是具有 class="comment" 的 div。要查找<h2 class="title"> 元素，您可以使用例如：

$(window.location.hash).next().children('.title')