2017-10-06 89 views
2

我有一個查詢選擇查詢選擇器和jqueryfind?

var thumbnail = file.previewElement.querySelector(".dz-image .image img"); 

,我已經寫了jQuery找出相同elment

var thumbnail2= previewElementForm.find(".dz-image .image img"); 

當我做這兩個我得到了相同的元素的console.log,但返回類型看起來不一樣。

的是這2之間的區別?我可以將縮略圖2的類型轉換爲縮略圖1的類型嗎?

+0

'querySelector'匹配第一個元素只,'發現()'匹配的多個元素 – prasanth

回答

1

的是這2之間的區別?

.querySelector()返回單個DOM元素。 jQuery.fn.find()可以返回多個jQuery對象。

可我轉換的thumbnail2類型類型thumbnail1的?

可以使用括號記號[index].get(index)以下.find()傳遞的索引,其中index是從0document減去1定義的元素的數目的數目在得到DOM元件。

+0

爲什麼我需要一個數組? –

+0

我可以使用JavaScript來返回一個節點列表嗎? –

+0

查看更新後的帖子。 '.querySelectorAll()'返回'NodeList',而不是'.querySelector()',它返回一個元素。可以使用'VAR thumbnail2 = previewElementForm.find(」。DZ-圖像IMG圖像配 「)[0]'或'VAR thumbnail2 = previewElementForm.find(」 獲得.find的'第一個匹配元素()'呼叫。DZ -image .image img「)。get(0)'。 – guest271314

1

.find() jQuery的返回一組匹配元件。

有它的相同類型,可以:

var thumbnail2 = previewElementForm.find(".dz-image .image img")[0];

var thumbnail2 = previewElementForm.find(".dz-image .image img").get(0);