Hi! I’m Starx

vzwick

Edit: In order to satisfy @Raynos, here’s a pure JS solution.

var vals = {};
var flag = false;
var collection = document.getElementsByTagName('input');
collection = [].slice.call(collection);

collection.forEach(function(element, index, array) {
    if (flag === true) return;
    var i = element.value;
    if (vals[i])
    {
        flag = true;
        alert('There are duplicates!');
    }
    else
    { 
        vals[i] = 1;
    }
});

​

Bonus: I ran my solutions through jsperf; the last one is obviously by far the fastest.

Edit: Here’s what would probably be the jQuery way of solving your problem (Working fiddle here). My original answer remains below.

var duplicatefound = false;
$('input').each(function(index, item){
    if (duplicatefound) return;
    val = $(item).val();
    if ($('input[value="' + val + '"]').length == 1) return;
    duplicatefound = true;
    alert('There are similar values');
});

​
Alternative solution in case you need to capture some or all of the duplicate values (Working fiddle here):

var collection = $('input');
var duplicates = $.map(collection, function(item){
    val = $(item).val();
    return ($('input[value="' + val + '"]').length > 1) ? val : null;
});

if(duplicates.length > 0) alert('There are similar values');

As others have mentioned, you were missing a declaration of vals as an array, therefore, .push() was failing.

You might find an object based solution to be more elegant: Working fiddle

var vals = {};

$('input').each(function() {
    var index = $(this).val();
    if (vals[index])
    {
        vals[index]++
    }
    else
    { 
        vals[index] = 1;
    }
});

var duplicates = $.map(vals, function(val, key){
    return (val > 1) ? key : null;
});

if (duplicates.length > 0) alert('There are duplicates!');

gdoron

hasClass function returns boolean not a jQuery object. thus it doesn’t have the each function.

You probably meant this:

$("#example").find('LI A.sth').each(function(){alert($(this))});

Or this (which is better):

$("#example li a.sth").each(function(){alert($(this))});

Read the docs:

.hasClass( className ) Returns: Boolean

Description: Determine whether any of the matched elements are assigned the given class

Starx

You can get the currect size of windows using $(window).width() and attach a handler on the resize event of the form. For a simple use, It is as simple as

$(window).resize(funcion() {
    $width = $(window).width();
    if($width < 767) {
            $.supersized({
                //Background image
                slides  :  [ { image : 'img/some_image.jpg' } ]                 
            });
    } else {
        //if width is greater than 767
    }
});