從多次點擊

Question

創建字符串

所以我有一個看起來像這樣的列表：

<ul class="clearfix alignleft"> 
    <li id="cat-1"><a href="#All">All</a></li> 
    <li id="cat-5"><a href="#Mobile">Mobile</a></li> 
    <li id="cat-4"><a href="#Webdesign">Webdesign</a></li> 
</ul> 

因此，當用戶點擊mobile，我帶屬性HREF，和切片'#'，但在此之後，用戶點擊時在webdesign讓我們說我需要創建一個字符串像.Mobile,.Webdesign等on..so我要添加到字符串....當一個錨的用戶點擊我如果加個班.clicked

隱而不宣的人可能嗎？

Answer 1

嘗試像下面，

標記

<ul class="clearfix alignleft" id="trackClick"> <!-- added trackClick --> 
    <li id="cat-1"><a href="#All">All</a></li> 
    <li id="cat-5"><a href="#Mobile">Mobile</a></li> 
    <li id="cat-4"><a href="#Webdesign">Webdesign</a></li> 
</ul> 

JS：

var tracker = []; 
$('#trackClick').find('a').click(function() { 
    tracker.push($(this).attr('href').replace('#', '.')); 
    //or tracker.push('.' + $(this).attr('href').substring(1)); 
}); 

console.log(tracker); // will print clicked href .Mobile,.Webdesign 

DEMO

Answer 2

var classStr = ''; 
$('ul a').on('click', function(e) { 
    e.preventDefault(); 
    classStr += (classStr.length > 0 ? ', ' : '') + this.href.replace('#', '.'); 
}); 

個

你可以把它放在一個數組也@vega顯示：

var classStr = []; 
$('ul a').on('click', function(e) { 
    e.preventDefault(); 
    // $.unique() to make sure that no multiple instance of href 
    $.unique(classStr.push(this.href.replace('#', '.'))); 
}); 
console.log(classStr.join(', '));