Question

我所拥有的是一个非常长的文本内容页面

<p class="parahead">401. Heading </p>
<p>other html content</p>
<p class="c2">some more data</P>
...
<p class="parahead">402. Another heading </p>
<p>other html content</p>
...

为每个段落标记添加Id或name属性根本不是一个选项。我在页面中有jquery。是否可以根据段落的内容进行页面跳转？我不想动态地向这个html添加任何其他标签，因为它会减慢页面加载速度

更新有关该问题的更多信息。我有两个html文件。说A和B. A是源文件，B有关于A的一些解释。在A的滚动事件中，我可以在视口中获取当前段落的内容/ id。当用户点击A周围的包装按钮时，应该将用户带到B上的相应部分（其中有A的说明）

Answer 1

也许你可以这样做：

//Onclick the paragraph
$('.parahead').click( function(){

//Select the number inside the paragraph
var page = $(this).text().split(".");

//Redirect to e.g. 401.html
window.location.replace("./" + page[0] + ".html");
});

这是你在找什么？

Answer 2

与

相反

我不想动态地向此html添加任何其他标签，因为它会减慢页面加载速度

我最终在页面加载时添加动态元素。

C:\Test

当id或name不存在时，跳转到页面的其他位置

2 个答案: