Question

Beginning jQuery question. Here’s the code…

        var control1= document.getElementById("Carbs_txtSubsContrRbtAmt");
        var control2 = $("#Carbs_txtSubsContrRbtAmt");

Why doesn’t the second debug print evaluate the same as the first?

? control1.id
"Carbs_txtSubsContrRbtAmt"
? control2.id
undefined

Answer 1

var control1 = document.getElementById("..."); // returns HTML DOM Object
var control2 = $("..."); // returns JQuery Object

To get the id you can use

var id = control1.id; // or
var id = control2.attr("id");  // or
var id = control2[0].id;