jquery中如何检查标签是img还是video？

Question

我想在模式弹出窗口中打开图像/视频，这样我就可以单击一个按钮来显示图像。但是当我同时拥有图像和视频时，如何在 jQuery 中检查这些标签很困难。

我的 html 代码用于在弹出窗口中缩放图像

<div>
    <img src="image/zoom-icon.png" id="zoomImg" >
    <div class="bigthumb">
        <img src="image/main_product_img.png" id="myImg" width="350px" height="350px">
        <video class="no-display" width="350px" height="350px" controls>
           <source src="image/movie.mp4" type="video/mp4">
        </video>
    </div>
</div>

<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">              
      <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <img src="" class="imagepreview" style="width: 100%;" >
        <video class="videopreview no-display" class="imagepreview" style="width: 100%;" controls>
            <source src="" type="video/mp4">
        </video>
      </div>
    </div>
  </div>
</div>

jQuery_file 代码在这里

<script type="text/javascript">
        $('#zoomImg').on('click', function() {
        console.log($(this));
        if ( ---HERE-- ) {
            $('.imagepreview').attr('src', $('.bigthumb').find('img').attr('src'));
            $('#imagemodal').modal('show');
        } else {
            $('.videopreview source').attr('src', $('.bigthumb').find('video source').attr('src'));
            $('.videopreview').show();
            $('#imagemodal').modal('show');   
        }
    });     
</script>

在上面的脚本中，我想检查 img tage / video tage 的 if 条件

Answer 1

您可以使用.is()

根据选择器、元素或 jQuery 对象检查当前匹配的元素集，如果这些元素中至少有一个与给定参数匹配，则返回 true

if($(this).is('img')){
  //Do something
}