jQuery选择器用于选取带有类的div元素

Question

我尝试了下面这个方法。我认为 $("div.tab_select")[0] 返回的对象不是一个 jQuery 对象，但我甚至无法使用纯 javascript 方法。

有没有办法将其转换成 jQuery 对象？例如 $($("div.tab_select")[0])。我知道这很愚蠢；

谢谢您的阅读。

var tmp = $("div.tab_select")[0]; 
alert(tmp); //This gives me HTMLDivElement collectly. But I can't use any of javascript..

alert(tmp.nodeName); //But this give me error "Uncaught TypeError: Cannot read property 'nodeName' of undefined"

tmp.hide(); //Neither, I can't use this.

- Patrick Jeon

---

尝试使用 var tmp = $("div.tab_select:first"); 或者 var tmp = $("div.tab_select:eq(0)");。 - j08691

Answer 1

// all divs with tab_select class
$('div.tab_select')

// first div with tab_select class
$('div.tab_select:first')

// or CSS pseudo selector which is slightly faster than the first jQuery 
// shortcut 
$('div.tab_select:first-of-type')

// or
$('div.tab_select').first()

// or
$('div.tab_select:eq(0)')

// or
$('div.tab_select').eq(0)

- jmar777

Answer 2

如果你想要一个 jQuery 对象，请使用 var tmp = $("div.tab_select:first")。

而不是 var tmp = $("div.tab_select")[0]，这会返回 DOM 元素（如果存在）。

- Sagiv Ofek

Answer 3

只需执行$(tmp)。[0]会给你HTML元素而不是JQuery实例。

- dav1d

Answer 4

我在某处读到CSS选择器更快。

$('div.tab_select:nth-child(n)').<method>

这里是例如。

- kishanio