split（）使用jQuery

Question

嗨朋友们试图使用split（）函数从字符串中拆分多个租船人但是它不起作用请检查下面的代码或 u can see fiddle here

我只想获得没有像.png，.jpg等扩展名的图像名称。

HTML

<ul data-role="list-divider" class="footerMenu">
        <li><a href="#"><img src="images/friendsIcon.png" width="114" height="77" alt=" " /><br />Friends</a></li>
        <li><a href="#"><img src="images/cardsIcon.png" width="114" height="77" alt=" " /><br />Cards</a></li>
        <li><a href="#"><img src="images/egreetingIcon.png" width="114" height="77" alt=" " /><br />Egreeting</a></li>
        <li><a href="#"><img src="images/post.png" width="114" height="77" alt=" " /><br />Post</a></li>

        <li><a href="#"><img src="images/customIcon.png" width="114" height="77" alt=" " /><br />Custom</a></li>
    </ul>

SCRIPT

   $('.footerMenu li a').on('click',function(){
       var wh = 'wh';
       var whe = $(this).children('img').attr('src').split('images/' , '.png');
       //var spl = whe.split('.png')
       alert(whe);
       if($(this).hasClass('.ui-btn-active'))
       {
           $(this).siblings('img')
           }
       })

请帮助我的朋友......提前致谢

Answer 1

使用正则表达式

$('.footerMenu li a').on('click', function () {
    var src = $(this).children('img').attr('src');
    var whe = src.match(/([^\/]+).png/)[1];
    //var spl = whe.split('.png')
    alert(whe);
    if ($(this).hasClass('.ui-btn-active')) {
        $(this).siblings('img')
    }
})

演示：Fiddle

Answer 2

split()返回由提供的字符串分隔的所有字符串的数组。您想使用replace()

var pattern = ".png";
var file = someString.replace(new RegExp(pattern, "g"));