jquery遍歷標簽中自定義的屬性方法


在開發中我們有時會對html標簽添加屬性,如何遍歷處理

<ul>
  <li name= "li1"  sortid= "nav_1" >aaaaaaa</li>
  <li name= "li1"  sortid= "nav_2" >bbbbbbb</li>
  <li name= "li1"  sortid= "nav_3" >cccccccc</li>
  <li name= "li1"  sortid= "nav_4" >ddddddd</li>
  <li name= "li1"  sortid= "nav_5" >eeeeeee</li>
  <li name= "li1"  sortid= "nav_6" >fffffffffffffffff</li>
  <li name= "li1"  sortid= "nav_7" >gggggggg</li>
  <li name= "li1"  sortid= "nav_8" >hhhhhhhh</li>
  <li name= "li1"  sortid= "nav_9" >iiiiiiiiiiiiiiiiiii</li>
</ul>
//以sortid來遍歷
 
$( "li[sortid^='nav_']" ).each( function (i){
    var  sortid=$( this ).attr( "sortid" );
});
 
//以name來遍歷
 
$( "[name=li1]" ).each( function (a,b){
    var  sortid= $(b).attr( "sortid" );
});
 
//如果已知某個sortid要取對象
 
$( "[sortid='nav_1']" ).attr( "html" );
$( "[sortid='nav_1']" ).attr( "name" );

其他:

//查找名字是clssId的文本對象
 
$( "input[name='clssId']" ).val();
 
//查找id有一定規律的,例如查找dd標簽中id=single_xxx
 
$( "dd[id^=single_]" ).each( function (){
     var  id = $( this ).attr( "id" );
     alert(id.substring(7));
});

以上這篇jquery遍歷標簽中自定義的屬性方法


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM