TOGGLECLASS SELECTED PUSH JOIN

HTML bölümü

Bir tanesini seçiniz: <span id="list"></span>
<br />
<a id="1" class="benitikla" href="#"><li>Web</li></a>
<a id="2" class="benitikla" href="#"><li>Seo</li></a>
<a id="3" class="benitikla" href="#"><li>Juior</li></a>
<a id="4" class="benitikla" href="#"><li>Onur</li></a>
<a id="5" class="benitikla" href="#"><li>Unurlu</li></a>
<a id="6" class="benitikla" href="#"><li>Tasarım</li></a>

CSS Bölümü

a {
    color: #000;   
}
.selected {
    color: #99CCFF;   
}

JQUERY Bölümü

$(”.benitikla”).click(function (e) {
    e.preventDefault();
    $(this).toggleClass(”selected”);
    var l = [];
    $(”.selected”).each(function(){
        l.push($(this).attr(”id”));
    });
    $(”#list”).text(l.join(”,”));
});