Passing jQuery objects to functions

Question

I'm having trouble understanding how to pass a jQuery object between functions. I keep getting undefined values when trying to use val after passing jQuery objects to a function.

Very simple JS Fiddle example http://jsfiddle.net/BtVqc/1/

$(document).ready(function () {
    function doSomething(objectOne, objectTwo) {
        $('table').append('<tr><td>' + objectOne.val() + '</td><td>' + objectTwo.val() + '</td></tr>');
    }

    $('button').click(function () {
        var tdOne = $('td.yy');
        var tdTwo = $('td.xx');
        doSomething(tdOne, tdTwo);
    });
});

zerkms · Accepted Answer · 2013-04-26 10:46:28Z

5

The correct selector for the input is td .xx not td.xx

var tdOne = $('td .yy');
var tdTwo = $('td .xx');

http://jsfiddle.net/BtVqc/2/

td.xx means - a table cell that has xx class

td .xx means - some node that has xx class and is nested to a table cell

answered Apr 26, 2013 at 10:46

zerkms

256k73 gold badges447 silver badges551 bronze badges

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

Collectives™ on Stack Overflow

Passing jQuery objects to functions

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