javascript - jQuery - 用所有元素的新值替换属性值

Question

我有这个 html 标记：

<div class="item" path="asaa/basba/asbsaa"></div>
<div class="item" path="bsbab/gbfssv/vsaava"></div>
<div class="item" path="asbaba/bsaba/dfsavava"></div>

重要的一点是每个都是不同的。我需要用类似的东西来获得这个属性：

var title = $(this).attr('path');

现在我需要分离属性：我只需要 * 和 * 之间的内容：

<div class="item" path="asaa/basba/*asbsaa*"></div>
<div class="item" path="bsbab/gbfssv/*vsaava*"></div>
<div class="item" path="asbaba/bsaba/*dfsavava*"></div>

有什么想法可以做这样的事情吗？感谢您的回答！

Answer 1

获取每个元素的属性，然后设置它的最后一部分

    $(".item").attr("path",function(){         
       return $(this).attr("path").split("/").pop();        
    })
    console.log($('body').html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="item" path="asaa/basba/asbsaa"></div>
<div class="item" path="bsbab/gbfssv/vsaava"></div>
<div class="item" path="asbaba/bsaba/dfsavava"></div>

Answer 2

这是我将使用“数据”标签的典型场景

<div class="item" data-path="asaa/basba/asbsaa"></div>

脚本：

 $(".item").data("path").split("/").pop(); 

更多信息在这里