使用jQuery获取href路径的一部分

Question

如果我想从列表中的href中获取日期（例如：2016-12-21），您将如何去做这件事？再取该值，并将其放置在<li>

<ul id="xdesc" class=""> 

    <li class=""> 
     2016-12-21 
     <div class=""> 
      <a class="hs-rss-title" href="http://domain.com/events/womens-event-2016-12-21?__hstc=233546881.1c39d8c7bec9e076de1b637bf5317294.1475698351504.1477050663648.1477054875380.25&amp;__hssc=233546881.1.1477054875380&amp;__hsfp=1945213963"><span>Event 2 Women's Event</span></a> 
      </div> 
     </li> 



    <li class="hs-rss-item"> 
     2016-03-21 
     <div class="hs-rss-item-text"> 
      <a class="hs-rss-title" href="http://domain.com/events/mens-event-2016-03-21?__hstc=233546881.1c39d8c7bec9e076de1b637bf5317294.1475698351504.1477050663648.1477054875380.25&amp;__hssc=233546881.1.1477054875380&amp;__hsfp=1945213963"><span>Event 1 Men's Event</span></a> 

     </div> 

    </li> 

</ul> 

Answer 1

假设你已经在你给什么格式的URL列表中的一个日期，你可以使用正则表达式：

var pattern = /\d{4}-\d{2}-\d{2}/; 
var string = "http://domain.com/event/name-event-2016-12-21?__hstc=233546881.1c..."; 
var result = string.match(pattern); 

输出：

Array [ "2016-12-21" ] 

Answer 2

首先，你应该为了添加一个ID，然后链接到能够从jQuery的访问它们的每个：

<ul id="list"> 
    <li> 
    <a id="link1" href="..."><span>Event 1</span></a> 
    </li> 
    <li> 
    <a id="link2" href="..."><span>Event 2</span></a> 
    </li> 
</ul> 

然后在jQuery中编写代码：

// Get the href from link with id='link1' 
var mylink = $("#link1").attr('href'); 

// Search the link for a pattern in this form YYYY-MM-DD 
var date = mylink.match(/[0-9]{4}[-][0-9]{2}[-][0-9]{2}/); 

// Now the variable date is equal to the date from the link, 
// or to null if date was not found in link. You can test it with alert.  
alert(date); 

在上述正则表达式的代码被用来从链接的日期。如果您想了解更多关于正则表达式访问此链接：http://www.w3schools.com/jsref/jsref_obj_regexp.asp

＃1的问题，我在我的研究中使用： get href attribute on jQuery， Javascript date regex DD/MM/YYYY

我希望这是有帮助的。

Answer 3

哦，好的。然后你可以使用.each（）函数和.find（）函数。

$("#xdesc li").each(function(index) { 
    mylink = $(this).find('div').find('a').attr('href'); 
    date = mylink.match(/[0-9]{4}[-][0-9]{2}[-][0-9]{2}/); 
    $(this).text(date); 
}); 

。每个文档：https://api.jquery.com/each/

.find文档：https://api.jquery.com/find/

的.text文件：http://api.jquery.com/text/#text-text

我希望我帮助这个时候:)