VanillaJSでjQueryn $ li.find（ 'div.element：first'）をどのように変換するのですか？

Question

querySelectorAll（）は('div.element:first')このタイプの引数を受け入れますか？

$li = $(this) 
$li.find('div.element:first') 

バニラ：私はjQueryの

VanillaJS

でjQueryのメソッドの下に変換する必要があり

var li = event.target; 
li.querySelectorAll('div.element:first'); 

しかしバニラスクリプトはjQueryのと同じ動作していません。誰かより良い解を提案してください。

Answer 1

jQueryの:firstは、一致する要素の集合を最初の集合に減らします。

つまり、最初の要素はdiv.elementになります。平野JavaScriptで同じことを行うに

、すべてあなたがしなければならないAll一部なしコールquerySelectorquerySelectorとして

var first = li.querySelector('div.element'); 

はとにかく

これを指定したセレクタに一致する最初の要素を返しますですもちろん、liが単一の要素である場合、querySelectorはjQueryのfind()のようにコレクションでは機能しません。

liは、単一の要素でない場合は、反復処理する必要がありますが、あなたは最初の要素だけを探していることから、あなただけの

var first = li[0].querySelector('div.element');