使用 jQuery 获取另一个文件中列表中的下一个 href? [英] Get the next href in a list in another file with jQuery?

查看:30
本文介绍了使用 jQuery 获取另一个文件中列表中的下一个 href?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我找了又找,好像卡在这个问题上了.不知何故,我认为这不会太难,而且可能不适合对 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>
<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>

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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆