使用jQuery从'a'元素的'href'属性中删除文件名的最佳方法是什么？

Question

例如,我有简单的代码:

<ul class="list">
  <li><a href="http://www.aaa.com/bbb/ccc/file01.pdf">Download file 01</a></li>
  <li><a href="http://www.bbb.com/ccc/ddd/file02.pdf">Download file 02</a></li>
</ul>

我希望只在变量中存储文件名:file01.pdf和file02.pdf,我该如何剪切它们？

非常感谢您的帮助.

干杯.

Answer 1

使用

lastIndexof和substring

给锚标签一个id

var elem = document.getElementById ( "anch1" );

elem.href.substring (elem.href.lastIndexOf ( '/' ) + 1 );

使用jQuery

$(function() {
    $("ul.list li a").each ( function() {
        alert ( $(this).attr ( "href" ).substring ($(this).attr ( "href" ).lastIndexOf ( '/' ) + 1 ) )
    });
});