如何从$（this）jQuery Object获取此DOM对象？

Question

I have a function to which a jQuery object is passed as an argument. See below code.

$('selector').click(function() {
  // $(this) is the jquery object for the DOM on which I clicked.
  test($(this));
});
function test(jqobj) {
  // Here from jqobj, I want to get back the native javascript object (I mean the this)
}

Answer 1

The jqobj param is an array of DOM elements so you can use

     jqobj[0] 

but test the size of the array if it is not empty like

     jqobj.length > 0

Answer 2

So we can covert each other

//From jQuery object to Dom:
var domobject = jqueryObject.get();
//From Dom to jQuery object
var jqueryObject = jQuery(domobject);

Example:

 //From Dom to jQuery object
    var overlayContent = document.createElement("div");

Answer 3

var __this=this; //declare out side your function.
function test(){
__this; //use __this in your function.
}

Answer 4

if you are sure that there will only be one element then

function test(jqobj) {
  var el  = jqobj[0]
}

Answer 5

而不是将对象作为参数传递，您还可以将元素ID或类发送给函数。然后可以在函数内部使用getElementById方法来引用元素。

Answer 6

If you are not passing multiple element use like this:

function test(jqobj) {
    var obj;
    if(jqobj[0]!=null)
    {
        obj = jqobj[0];
    }
  }