使用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>

链接会在新窗口中打开，在"link(x).html"文件中，我希望使用上一个"和下一个"按钮来保持上/下当前关闭的原始文件中的列表的位置，这大概是在div #content的所有列表中都击中== 0时，可以通过某种方式返回:first href，换句话说就是循环.

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.

下一个"和上一个"按钮应在_self窗口中打开原始文件列表中的下一个/上一个链接，下一个文件将具有相同的按钮，依此类推.

The "next" and "prev" buttons should open the next/prev link in the list from the original file in the _self window, where the next file will have the same buttons, and so on.

我完全不知道我是否正在以正确的方式进行操作，但是我已经走了这么远:

I don't know if I'm going about this the right way at all, but I have gotten this far:

我通过使用获取当前文件名

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());
   });

我正在使用新的div"#linkdiv"，然后在该div中搜索当前文件名

I'm using a new div "#linkdiv", then search for the current filename in that div

$("#linkdiv a[href=(filename)]");

我在使它正常工作以及如何找到next()和prev()href等方面遇到麻烦. 我相信我可能在某个地方缺少.live吗?

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:

    $.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");
   });

现在我知道此代码不起作用，但是是否有一种方法可以通过使用当前文件名来查找href，然后获取上一个和下一个href并将它们附加到ID为#next和#prev的按钮上? ??

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 ???

推荐答案

jQuery似乎并不是这项工作的正确工具.如果您确实有6个单独的页面，则每个页面都有各自的导航按钮集.如果您正在做某种模板或生成的代码，请说明.

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.

还不确定为什么要打开一个新窗口吗?

Also not sure why you would want to open into a new window?

HTML页面1

<ul id="firstlist">

   <li class="link2"><a href="/path/link2.html" target="_blank">Next</a></li>
   <li class="link3"><a href="/path/link3.html" target="_blank">3</a></li>
</ul>

HTML页面2

<ul id="firstlist">
   <li class="link1"><a href="/path/link1.html" target="_blank">Previous</a></li>

   <li class="link3"><a href="/path/link3.html" target="_blank">Next</a></li>
</ul>

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