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

这是我会使用 "data" 标签的典型场景

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

脚本：

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

更多信息here

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

jQuery - replace attribute value with new value of all elements

javascript

attributes

code-separation

separator