using an if to detect a class using jQuery

Question

I am trying to get a form into a serializedArray to be introduced into an API, but I need to detect all the elements with class "image", and instead of do it in the same way as the other elements, put them into a single array. The thing is I don't know exactly how to build that if condition.

What I currently have is:

add.serializeArray().forEach(function(input) {
    if(input.class === "images"){
        data[images].push(input.value);
    }
    else{
        data[input.name] = input.value;
    }
});

So I go through all the input elements, and if they are not of this class, I add them as usual.

$( this ) is getting undefined values for the class, also input.class is geting undefined values. The only attributes I can reach with this approach, are name and value (like shown above)

I also tried to approach it with the example I found on w3schools for serializeArray, but it seems that it doesn't work neither:

$(document).ready(function(){
    $("button").click(function(){
        var x = $("form").serializeArray();
        $.each(x, function(i, field){
            if($(this).hasClass("images")){
                $("#results").append("if is sentence is true "+field.name + ":" + field.value + " </br>");
            }
            else{
                $("#results").append("if sentence is false "+field.name + ":" + field.value + " </br>");
            }
        });
    });

mmativ · Accepted Answer · 2016-04-19 01:26:30Z

3

You can do like this,

you can see the info here

add.serializeArray().forEach(function(input) {
    if($( this ).hasClass( "image" )){
        data[images].push(input.value);
    }
    else{
        data[input.name] = input.value;
    }
});

edited Apr 19, 2016 at 1:26

answered Apr 19, 2016 at 1:24

mmativ

1,41415 silver badges26 bronze badges

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

2 Comments

melvazquez Over a year ago

It seems that the serialized array is not catching anything with this. I am trying instead with input.class, that I know that I can access to it without problem.

mmativ Over a year ago

better if you make a fiddle.

melvazquez · Accepted Answer · 2016-04-21 03:41:42Z

1

Finally, I managed to get this working, with something similar to "contains" in java. We access to the input.name string (other properties were not reachable for me), and if it contained the string "images", i added them to the array:

var data = { };
data["images"] = [];
add.serializeArray().forEach(function(input) {
    if(input.name.indexOf("images") > -1){
        data["images"].push(input.value);
    }
    else{            
        data[input.name] = input.value;
    }
});

So, this is how I fixed it, as the problem resided in the element input not having any class property. I leave it here in case someone needs it!

edited Apr 21, 2016 at 3:41

answered Apr 19, 2016 at 23:19

melvazquez

215 bronze badges

Collectives™ on Stack Overflow

using an if to detect a class using jQuery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related