在jQuery中获取href值的特定部分的字符串答案

【问题标题】：Get string of specific part of href value in jQuery在jQuery中获取href值的特定部分的字符串
【发布时间】：2016-03-29 05:51:44
【问题描述】：

在页面的 HTML 源代码中，我们有：

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

我希望能够从 href 值中获取此字符串：

933dd921-b3d4-be4d-bb0d-e45fe696643d

基本上，第三个和第四个斜线之间的字符串并将其存储到一个变量中。

【问题讨论】：

标签： javascript jquery string href

【解决方案1】：

var result = $('.wv-topbar__nav__link').attr('href').split('/')[3];

【讨论】：

这不起作用，因为 li 没有 href 属性
是的，在您的选择器之后添加后代选择器，它将起作用
我用的是anchor的类，不是li。这对于“.wv-topbar__nav__item”是正确的
别担心！我认为这比在 li 的类之后添加锚选择器要好，因为如果在 li 中添加更多的锚，它可能会在未来中断

【解决方案2】：

在 jQuery 中，它看起来像这样

var urlKey = $(".wv-topbar__nav__item a").prop("href").split("/")[3]

要访问href 属性，我们可以使用attr 或prop 函数。这会返回一个字符串。

要查找分隔符后的部分，我们可以调用split 方法并获取第四个结果。

【讨论】：

【解决方案3】：

只有一个班轮：

  alert($('.wv-topbar__nav__item a') // select anchor element inside the element with class = wv-topbar__nav__item
   .attr('href').split('/')[3]);

例如：https://jsfiddle.net/DinoMyte/cfrjqvya/

【讨论】：