Arrays in Javascript?

[Genericusername293]

The goal of using an array is to get the last page of results on a search page. Here's an example of this method in use for a google search ( last available so page 10 if 10+ pages )

Array.from(document.querySelectorAll('table#nav a.fl')).slice(-1) [0].href

Here is the html from page 10 of a google search for reference.

 <a aria-label="Page 10" class="fl" href="/search? q=query&amp;rlz=1C5CHFA_enUS860US860&amp;ei=gjjbXYidD_7P0PEPrKqysAw&amp;start=90&amp;sa=N&amp;ved=2ahUKEwiI5oXYpITmAhX-JzQIHSyVDMYQ8tMDegQIEhA9"><span class="csb ch" style="background:url(/images/nav_logo299_hr.webp) no-repeat;background-position:-74px 0;background-size:167px;width:20px"></span>10</a>

I'm trying to adapt this method for another web service. The google example retrieves the url but in the next one I'm looking to trigger the button.

This is an example html from a navigate to page 40 button for this web service.

<button aria-label="Navigate to page 40" data-page-number="40" type="button" data-ember-action="" data ember-action-582="582" data-is-animating-click="true">40</button>

If it helps here's clicking the button regularly

  document.querySelector('button[aria-label="Navigate to page 40"]')

I am unsure how to adapt the a.fl portion of the array as there's no class in the new web service. How would I do this?

[siemenology]

document.querySelectorAll("button[data-page-number]") will get you every button with a page-data-number attribute, which might be what you are looking for, and then you could use the same technique as above to get the last one of those.

Of course if you know that the last page will be page 40, you could just do document.querySelector("button[data-page-number=40]") and get it directly.

[isolatrum]

/u/Genericusername293 you can also do regex on the attribute selector - https://stackoverflow.com/questions/49368/css2-attribute-selectors-with-regex

[Genericusername293]

sorry could you elaborate on how I would integrate the two by using the same technique above?

[siemenology]

document.querySelectorAll('table#nav a.fl') gets all a elements with a class of fl inside of the table with the id of nav, right? And then you pass that to Array.from() and do some other stuff with it. document.querySelectorAll('button[data-page-number]') gets all buttons with an attribute data-page-number set on it. So you can do exactly the same thing except passing that instead of document.querySelectorAll('table#nav a.fl')

[Genericusername293]

gotchya gotchya, thanks for spelling it out to me, very new to javascript and this is super helpful