使用 jQuery 获取另一个文件中列表中的下一个 href? [英] Get the next href in a list in another file with jQuery?
问题描述
我找了又找,好像卡在这个问题上了.不知何故,我认为这不会太难,而且可能不适合对 jQuery 有更多了解的人.
I've searched and searched, and it seems I'm stuck on this problem. Somehow I thought this wouldn't be too hard, and it probably isn't for anyone with a little more knowledge about jQuery.
我有一个 .html 文件,我们称之为originalfile.html",有几个列表,如下所示:
I have an .html file, lets call it "originalfile.html", with a couple of lists, something like this:
<div id="content">
<ul id="firstlist">
<li class="link1"><a href="/path/link1.html" target="_blank"></a></li>
<li class="link2"><a href="/path/link2.html" target="_blank"></a></li>
<li class="link3"><a href="/path/link3.html" target="_blank"></a></li>
</ul>
<ul id="secondlist">
<li class="link4"><a href="/path/link4.html" target="_blank"></a></li>
<li class="link5"><a href="/path/link5.html" target="_blank"></a></li>
<li class="link6"><a href="/path/link6.html" target="_blank"></a></li>
</ul>
</div>
The links open in a new window, and in the "link(x).html" files I would like "previous" and "next" buttons to keep going up/down the lists in the now closed original file, prefferably with some way to return to :first href when hitting ==0 in all the lists in the div #content, or in other words a loop.
链接在新窗口中打开,在link(x).html"文件中,我希望上一个"和下一个"按钮在现在关闭的原始文件中继续向上/向下列表,最好是当在 div #content 中的所有列表中点击 ==0 时,以某种方式返回到 :first href,或者换句话说,一个循环.
I don't know if I'm going about this the right way at all, but I have gotten this far:
下一个"和上一个"按钮应该从 _self 窗口中的原始文件打开列表中的下一个/上一个链接,其中下一个文件将具有相同的按钮,依此类推.
I get the current filename by using
我完全不知道我是否以正确的方式来处理这个问题,但我已经走了这么远:
var filename = location.pathname;
我通过使用获取当前文件名
I then get the original list by using
$.ajax({
url: '/path/originalfile.html',
success: function(response) {
$("#linkdiv").html(jQuery(response).find('#content').html());
});
然后我通过使用获得原始列表
I'm using a new div "#linkdiv", then search for the current filename in that div
$("#linkdiv a[href=(filename)]");
我正在使用一个新的 div "#linkdiv",然后在该 div 中搜索当前文件名
I'm having trouble getting this to work, and how to find the next() and prev() href etc. I believe I might be missing a .live somewhere?
Now the question is, is there somehow a way to do something like this:
我无法让它工作,以及如何找到 next() 和 prev() href 等.我相信我可能在某个地方错过了 .live?
$.ajax({
url: '/path/originalfile.html',
success: function(response) {
$("#next").html(jQuery(response).
find('href with same value as current filename').
next("href");
$("#prev").html(jQuery(response).
find('href with same value as current filename').
prev("href");
});
现在的问题是,有没有办法做这样的事情:
Now I know this code does not work, but would there be a way to find the href by using the current filename, then getting the previous and next href and attaching them to buttons with the id of #next and #prev ???
解决方案
现在我知道这段代码不起作用,但是有没有办法通过使用当前文件名找到 href,然后获取上一个和下一个 href 并将它们附加到 ID 为 #next 和 #prev 的按钮上???
jQuery doesn't seem to be the right tool for the job. If you really have 6 separate pages then they would each have their own set of navigation buttons. If you are doing some sort of template, or generated code then state that.
推荐答案
jQuery 似乎不是完成这项工作的正确工具.如果您真的有 6 个单独的页面,那么它们每个都有自己的一组导航按钮.如果您正在做某种模板或生成的代码,请说明.
HTML Page 1
也不确定为什么要打开新窗口?
HTML 页面 1
HTML Page 2
<块引用>
HTML 页面 2
<块引用>
HTML 页面 3
<ul id="firstlist">
<li class="link1"><a href="/path/link1.html" target="_blank">1</a></li>
<li class="link2"><a href="/path/link2.html" target="_blank">Previous</a></li>
</ul>
这篇关于使用 jQuery 获取另一个文件中列表中的下一个 href?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!