CODEWITHSUNDEEP
javascriptjqueryarrays
Sophisticake
Sophisticake

Reputation: 323

Removing item from array without iterating

I've looked through some documentation, but I feel like there's an easier method to remove one item from an array without using an iteration loop.

http://jsfiddle.net/G97bt/1/

Updated jsFiddle: http://jsfiddle.net/G97bt/6/ using not()

<button id="1">1</button>
<button id="2">2</button>
<button id="3">3</button>

<div id="1a">Test</div>
<div id="2a">Test</div>
<div id="3a">Test</div>

var $myList = $("#1a, #2a, #3a");

$("#1").on("click", function() {
    $myList.fadeOut(); // I want to fade DIVs #2a + #3a, not ALL
    $("#1a").fadeIn("slow");    
});
$("#2").on("click", function() {
    $myList.fadeOut(); // I want to fade DIVs #1a + #3a, not ALL
    $("#2a").fadeIn("slow");    
});
$("#3").on("click", function() {
    $myList.fadeOut(); // I want to fade DIVs #1a + #2a, not ALL    
    $("#3a").fadeIn("slow");    
});

This is how I'm envisioning it would function:

$myList.remove['#1a'].fadeOut();

Upvotes: 2

Views: 79

Answers (3)

xdazz
xdazz

Reputation: 160863

Like below, by using .not to remove elements from the set of matched elements:

$myList.not('#1a').fadeOut();

And note $myList is not an array but a jQuery object(even it behaves like an array).

You could also rewrite your code like below:

var $myList = $("#1a, #2a, #3a");

$("#1,#2,#3").on("click", function() {
    $myList.not('#'+this.id+'a').fadeOut();
    $('#'+this.id+'a').fadeIn("slow");    
});

The working demo.

Upvotes: 10

Elias Soares
Elias Soares

Reputation: 10254

Use

$arrayName.splice(position, number of elements)

Upvotes: 0

Anoop Joshi P
Anoop Joshi P

Reputation: 25527

You can use like this

$("button").click(function(){
  $("[id$=a]").hide();

  $("#"+this.id+"a").show();
});

Upvotes: 0

Related Questions