jQueryの私は第三のタグが存在する二つのタグの間の種類の第一選択する<strong>セレクタ</strong>を見つけることを試みている二種類

Question

間タイプの第一選択します。たとえば、

<div></div> 
<video></video> 
<img> 

または任意の組み合わせです。

<video>または<img>タグの最初のオカレンスを選択します。この場合、videoタグが選択されます。ただし、次の場合：

<img> 
<div></div> 
<video></video> 

<img>が選択されます。しかし<div>が選択されていません飽きないだろう。

Answer 1

$('img, video').first()第一選択するimg又はvideo

Answer 2

これはfiirst 1の両方を選択して使用する：

$("div, video")[1] 

Answer 3

：

$("div, video")[0] 

これは第二の要素を選択するために適合させることは容易ですjQueryのなし：

let res = document.querySelectorAll('img, video')[0]; 
 
console.log(res);

<div></div> 
 
<video></video> 
 
<img>

Answer 4

ここで...ラッパーにあなたのタグをラップするjQueryの含意を使用して、それを行うための一つの方法です：

var validTags = ['img', 'video']; 
 

 
function getFirstValidTag (wrapper) { 
 
    return $('#' + wrapper).children(validTags.join(', '))[0]; 
 
} 
 

 
console.log(getFirstValidTag('wrapper-1')); 
 
console.log(getFirstValidTag('wrapper-2')); 
 
console.log(getFirstValidTag('wrapper-3'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="wrapper-1"> 
 
    <div></div> 
 
    <img src="" alt="" /> 
 
    <video></video> 
 
</div> 
 

 
<div id="wrapper-2"> 
 
    <img src="" alt="" /> 
 
    <div></div> 
 
    <video></video> 
 
</div> 
 

 
<div id="wrapper-3"> 
 
    <video></video> 
 
    <div></div> 
 
    <img src="" alt="" /> 
 
</div>