Jquery: strange behaviour

Question

$(document).ready(function()
{
    mais_telefones();
    upload_imagens();
});

function mais_telefones()
{
    mais_telefones.click(function(event)
    {
        var label = input = button = null,
            labels = $('.telefones'),
            tamanho = labels.length;

        event.preventDefault();

        if (tamanho < 3)
        {
            label = $('<label for="elemento' + tamanho +
                '" class="telefones elemento' +
                tamanho + '">Telefone</label>');

            input = $('<input id="elemento' + tamanho +
                '" class="elemento' +
                tamanho + '"type="text" name="telefones[]" />');

            button = $('<button class="elemento' + tamanho + '">X</button>');

            button.click(function(event)
            {
                event.preventDefault();
                $('.elemento' + tamanho).remove();
            });

            label.insertBefore($(this));
            input.insertBefore($(this));
            button.insertBefore($(this));
        }
    });
}

function upload_imagens()
{
    var imagem = $('#imagem');
    imagem.change(function(event)
    {
        alert($(this).files);
    });
}

In mais_telefones function, I can use $(this), append elements (appendChild), insertBefore, etc. But in the second function I can't. $(this).files returns undefined but this.files returns the values... What's wrong?

what is in the mais_telefones function? – Naftali Mar 14 '11 at 17:53 — Naftali, Mar 14 '11 at 17:53
What is `$(this).files`? – Lightness Races in Orbit Mar 14 '11 at 17:56 — Lightness Races in Orbit, Mar 14 '11 at 17:56

score 0 · Answer 1 · answered Mar 14 '11 at 17:54

0

you have to pass what $(this) is into the individual functions

for example:

mais_telefones($('div'));

and in the mais_telefones function:

function mais_telefones(sel){
     this = sel.get(0);
     ...
}

answered Mar 14 '11 at 17:54

Naftali

144,921
39
244
303

but why it works in the first function and not in the second one? Thank you. – htom Mar 14 '11 at 17:57
what is `$(this).files` supposed to do? i have never heard of that function – Naftali Mar 14 '11 at 18:08
it's not a jquery function. he's trying to access the native dom element which does contain a "files" collection for inputs of type="file" – fehays Mar 14 '11 at 18:15

score 0 · Answer 2 · edited May 23 '17 at 09:58

0

jQuery: What's the difference between '$(this)' and 'this'? this could probably help you. excuse the pun :P

edited May 23 '17 at 09:58

Community

1
1

answered Mar 14 '11 at 17:56

corroded

21,406
19
83
132

but imagem is a file input. Thank you. – htom Mar 14 '11 at 17:58

score 0 · Answer 3 · answered Mar 14 '11 at 18:01

0

jquery always returns an array of jquery objects. You probably want this:

$(this)[0].files;

answered Mar 14 '11 at 18:01

fehays

3,147
1
24
43

do you know why? When i say "this", i want the current object. In my first function I'm using this in insertBefore, take a look please. Thank you. – htom Mar 14 '11 at 18:05
It's because $(this) returns a jquery object which does not contain a "files" collection. You want the native javascript element and to do that you have to treat $(this) as an array. .insertBefore() works because it's a jquery function – fehays Mar 14 '11 at 18:11

Jquery: strange behaviour

3 Answers3