Question

我想在网页上找到“下一个按钮”标签。我一直在努力解决这一问题，但是失败了。

此问题有一些限制：

需要查找可与$（）API一起使用的单个查询。（不能使用遍历方法（如父级和同级）
使用相同的查询，我必须找到“另外10页”按钮元素。

有人可以帮我找到这个吗？

从以下用于分页的代码中，我需要找到页面＃2的标记（当前类表示当前页面）

<div id="pagination"
  class="part page"
  data-bind="html: renderPagination(), visible: !!normalSearchResults().sr.length"> <span class="page"><a href="javascript:;" class="current" data-page="1">1</a></span> <span class="page"><a href="javascript:;"  data-page="2">2</a></span>  <span class="page"><a href="javascript:;" class="" data-page="3">3</a></span> <span class="page"><a href="javascript:;" class="" data-page="4">4</a></span>  <span class="page"><a href="javascript:;" class="" data-page="5">5</a></span> <span class="page"><a href="javascript:;" class="" data-page="6">6</a></span>  <span class="page"><a href="javascript:;" class="" data-page="7">7</a></span> <span class="page"><a href="javascript:;" class="" data-page="8">8</a></span>  <span class="page"><a href="javascript:;" class="" data-page="9">9</a></span> <span class="page"><a href="javascript:;" class="" data-page="10">10</a></span>
  <span
  class="next">
    <a href="javascript:;"
      data-page="11"><img src="/images/common/list/btn_list_next.gif"
        alt="next 10 pages"></a>
    </span><span class="moveTop"><a href="javascript:;" onclick="jQuery(window).scrollTop(0);">to the top</a></span></div>

Answer 1

这是您可以选择那些html标签的方法：

// Get current data-page, then add + 1 and select by data-page value html tag
console.log( $(`#pagination [data-page=${parseInt($("#pagination [className='current']").attr('data-page')) + 1}]`)[0]);

// Next ten link : Get next ten page anchor hmtl tag
console.log( $("[className='next']").find('a')[0]);

我想将其放在单个对象中，您可以这样做：

const tags = {
    next: $(`#pagination [data-page=${parseInt($("#pagination [className='current']").attr('data-page')) + 1}]`)[0],
    nextTen: $("#pagination [className='next']").find('a')[0]
}

console.log(tags);

我不明白您的意思是“我想找到此标签”。您要在屏幕上找到标签吗？

console.log(tags.next.getBoundingClientRect())
console.log(tags.nextTen.getBoundingClientRect())

这将返回标记在视口中的位置。

jQuery，用于在页面中找到下一页按钮

1 个答案: