In the HTML source code of a page, we have:
<li class="wv-topbar__nav__item">
<a href="/go/business_savings/933dd921-b3d4-be4d-bb0d-e45fe696643d/" class="wv-topbar__nav__link">
Save Money
</a>
</li>
I want to be able to get this string from the href value:
933dd921-b3d4-be4d-bb0d-e45fe696643d
Basically, the string between the 3rd and 4th slash and store it into a variable.
Just one liner :
alert($('.wv-topbar__nav__item a') // select anchor element inside the element with class = wv-topbar__nav__item
.attr('href').split('/')[3]);
Example : https://jsfiddle.net/DinoMyte/cfrjqvya/
In jQuery, it would look something like this
var urlKey = $(".wv-topbar__nav__item a").prop("href").split("/")[3]
To access the href attribute, we can use either the attr or prop functions. This returns us a string.
To find the part after a delimiter, we can call the split method and take the fourth result.
var result = $('.wv-topbar__nav__link').attr('href').split('/')[3];
