Jquery 如何从链接直接浏览到特定评论

Jquery 如何从链接直接浏览到特定评论,jquery,html,Jquery,Html,我希望人们在我的网站上查看最新的评论,当他们点击它时 它应该把他们带到写评论的业务页面,但是页面也应该向下滚动到评论所在的位置 我在想,如果我给我的每个div指定一个不同的类名,并且在类名中使用review ID,这是可能的? (我需要给他们相同的id来应用css格式) 更具体地说,如何使用jquery直接进入DOM review_XXX(XXX表示review ID)这不需要jquery。只需给链接a href加上#前缀,后跟要跳转到的元素的ID,例如: <a href="#foo"&g

我希望人们在我的网站上查看最新的评论,当他们点击它时

它应该把他们带到写评论的业务页面,但是页面也应该向下滚动到评论所在的位置

我在想,如果我给我的每个div指定一个不同的类名,并且在类名中使用review ID,这是可能的? (我需要给他们相同的id来应用css格式)


更具体地说,如何使用jquery直接进入DOM review_XXX(XXX表示review ID)

这不需要jquery。只需给链接a href加上
#
前缀,后跟要跳转到的元素的ID,例如:

<a href="#foo">Foo</a>
...
<div id="foo">This is the div to jump to</div>

...
这是要跳到的div

上述网站的有趣摘录:

使用id或名称?作者应该 考虑以下问题 决定是否使用id或名称 锚定名称:

  • id属性可以不仅仅作为锚名称(例如。, 样式表选择器,正在处理
    标识符等)
  • 一些较旧的用户代理不支持使用id创建的锚 属性
  • name属性允许更丰富的锚定名称(带有实体)
另请参见(有关HTML5):


您不需要jQuery来实现这一点。只需给链接a href加上
#
前缀,后跟要跳转到的元素的ID,例如:

<a href="#foo">Foo</a>
...
<div id="foo">This is the div to jump to</div>

...
这是要跳到的div

上述网站的有趣摘录:

使用id或名称?作者应该 考虑以下问题 决定是否使用id或名称 锚定名称:

  • id属性可以不仅仅作为锚名称(例如。, 样式表选择器,正在处理
    标识符等)
  • 一些较旧的用户代理不支持使用id创建的锚 属性
  • name属性允许更丰富的锚定名称(带有实体)
另请参见(有关HTML5):

假设您的审查“ID”值是真正唯一的标识符(否则它们可能不应该被称为“ID”值),您可以将它们作为“ID”值提供给相关元素:


那部电影糟透了
然后,您可以在URL的末尾添加“#Review42097”

<a href='http://my.reviews.com/latest/reviews.php#review_42097'>Click to read reviews!</a>

假设您的审阅“ID”值是真正唯一的标识符(否则它们可能不应该被称为“ID”值),您可以将它们作为“ID”值提供给相关元素:


那部电影糟透了
然后,您可以在URL的末尾添加“#Review42097”

<a href='http://my.reviews.com/latest/reviews.php#review_42097'>Click to read reviews!</a>

这些ID是RESTful URL方案的一部分吗?例如:

http://yoursite.com/reviews/123456
最有可能的情况是,您不需要jQuery就可以生成此链接

如果您不仅仅是链接到页面,还可以将id存储在元素的数据属性中,并访问它以执行逻辑:

<div id="myElement" data-review-id="123456"></div>

var id = $('#myElement').data('review-id');

// do other logic

变量id=$('#myElement')。数据('review-id');
//你有其他逻辑吗

这些ID是RESTful URL方案的一部分吗?例如:

http://yoursite.com/reviews/123456
最有可能的情况是,您不需要jQuery就可以生成此链接

如果您不仅仅是链接到页面,还可以将id存储在元素的数据属性中,并访问它以执行逻辑:

<div id="myElement" data-review-id="123456"></div>

var id = $('#myElement').data('review-id');

// do other logic

变量id=$('#myElement')。数据('review-id');
//你有其他逻辑吗

我将使用锚标记的name属性,并将name属性的值添加到url中

所以在你的页面上的某个地方,你的评论标题应该是

<h2 name="current_item">...</h2>

我将使用锚标记的name属性,并将name属性的值添加到url中

所以在你的页面上的某个地方,你的评论标题应该是

<h2 name="current_item">...</h2>

我在我的网站上使用mod#u rewrite,所以我会有一个如下的url:我可以在末尾添加#review_42097吗?我在我的网站上使用mod#u rewrite,所以我会有一个如下的url:我可以在末尾添加#review_42097吗?问题是我现在在同一页上的每个评论都使用相同的id,所以每个评论都被包装在一个id为“review”的div中。我想我必须使用下面提到的内容:name属性。@ndefontenay-重复ID在HTML文档中无效。您将无法获得像我发布的那样简单的HTML解决方案,也无法使用JavaScript/jQuery。首先解决复制ID。检查这个:问题是我现在在同一页上的每个评论都使用相同的id,所以每个评论都被包装在一个id为“review”的div中。我想我必须使用下面提到的内容:name属性。@ndefontenay-重复ID在HTML文档中无效。您将无法获得像我发布的那样简单的HTML解决方案,也无法使用JavaScript/jQuery。首先解决复制ID。选中此项: