如何迭代活動項目

我有一個迭代使用jQuery的<ul>中的jQuery元素的問題，問題是我有一個簡單的菜單，我需要獲取鏈接的值，當我點擊鏈接filter()函數。如何迭代活動項目

<div class="panel-content"> 
<ul class=" filters-option"> 
<li class="category"><a value="1">CAT1<small>(722)</small></a></li> 
<li class="category"><a value="2">CAT2<small>(722)</small></a></li> 
<li class="category"><a value="3">CAT3<small>(722)</small></a></li> 
</ul> 
<a onclick="filter()" class="test button btn-mini col-md-12">Filtrar</a> 
</div>

下面的代碼

function filter(){ 
      alert(tjq('ul.category li a')); 
     }

我怎樣才能解決這個問題？還有其他可能的解決方案嗎？

來源

2016-09-15 jc1992

到底是什麼'tjq'？ –

可能是jQuery noConflict https://api.jquery.com/jquery.noconflict/ –

使用$.each遍歷這些元素

function filter(){ 
    tjq('ul.category li a').each(function(){ 
    var val = $(this).attr('value'); 
    alert(val); 
    }); 
}

請注意，這不是一個有效的HTML，你應該使用數據 - 屬性，或者HREF存儲的值，但仍應該工作。

來源

2016-09-15 21:37:03

試試這個：

$(document).ready(function(){ 

    $("a.col-md-12").on("click",function(){ 

     $(".category a").each(function(){ 

      alert($(this).attr("value")); 

     }) 

    }) 

})

最終代碼：

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
</head> 
 
    <body> 
 
     
 
     <div class="panel-content"> 
 
      <ul class=" filters-option"> 
 
      <li class="category"><a value="1">CAT1<small>(722)</small></a></li> 
 
      <li class="category"><a value="2">CAT2<small>(722)</small></a></li> 
 
      <li class="category"><a value="3">CAT3<small>(722)</small></a></li> 
 
      </ul> 
 
      <a class="test button btn-mini col-md-12">Filtrar</a> 
 
     </div> 
 
     
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
     <script> 
 

 
     $(document).ready(function(){ 
 

 
      $("a.col-md-12").on("click",function(){ 
 

 
       $(".category a").each(function(){ 
 

 
        alert($(this).attr("value")); 
 

 
       }) 
 

 
      }) 
 

 
     }) 
 
      
 
     </script> 
 
    </body> 
 
</html>

來源

2016-09-15 22:00:07 Ehsan

如何迭代活動項目

回答

相關問題