jQuery Toggle Items in Array

Question

So, I have a bunch of elements that I want the user to be able to select and deselect. However it doesn't seem to be working, I need to store data so I can send them to the server later so I'm doing it by an array. This is my code so far.

Javascript

var items = new Array();
function selectItem(element){

var itemName = element.find(".item").val();

if(jQuery.inArray(className, item)){
    element.removeClass("selected");
    items.splice($.inArray(itemName, items), 1);
}else{
    element.addClass("selected");
    items.push(itemName);
}
}

HTML

<div class="Item" onClick="selectItem($(this))">
</div>

It doesn't seem to be doing the if statement and I'm not sure why.

where is className and item is defined in your code?

Pranav C Balan
– Pranav C Balan

2016-06-29 17:08:05 +00:00
Commented Jun 29, 2016 at 17:08 — Pranav C Balan
– Pranav C Balan, Commented Jun 29, 2016 at 17:08

Pranav C Balan · Accepted Answer · 2016-06-29 17:03:44Z

1

The jQuery jQuery.inArray() method returns the index of the element if found or -1 in case element not found. So change the if condition as follows

if(jQuery.inArray(className, item) > -1)

answered Jun 29, 2016 at 17:03

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Toggle Items in Array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related