javascript - 通过多次点击创建字符串

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 等字符串..所以我必须添加到字符串中....当用户单击 anchor 时我添加.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