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

时间:2017-08-17 11:49:52

标签: javascript jquery attributes separator code-separation

我有这个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(&#39; path&#39;);

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

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

任何想做这样的事情的想法?谢谢你的回答!

2 个答案:

答案 0 :(得分:2)

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

    $(".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>

答案 1 :(得分:2)

这是一个典型的场景,我会使用&#34;数据&#34;标签

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

脚本:

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

更多信息here