Jquery从源代码中动态选择src

我有一个类似下面代码的html div

<div class="swiper-wrapper">
<?php for($i=0;$i<=10;$i++) { ?>
<div class="swiper-slide" id=<?php echo $i; ?>>
        <img src="videos/Capture.PNG" alt="">
        <source class="a" src="videos/test.mp4" type="video/mp4">
</div>
<?php } ?>
</div>

<script>
   $('.swiper-slide').click(function(){
      var value = $('.swiper-slider > source').attr('src'); 
   }
</script>

---

在这段时间里，它只对第一张图片起作用。我如何使它动态

您需要在单击事件中使用单击元素上下文

此
，同时使用
.find（）
：

您需要在单击事件中使用单击的元素上下文
此
，同时使用
.find（）
：

请注意，代码中有两个错误：

attar（）
应该是
attr（）
缺少事件处理程序的
）
您可以将
find（）
与
$（this）
一起使用<代码>$（此）
在事件处理程序中是发生事件的元素引用

$(this)              // Element that is clicked
    .find('source')  // Get `<source>` element inside clicked element
    .attr('src');    // Get `src` attribute value

$（this）//单击的元素
.find（'source'）//在单击的元素中获取``元素
.attr（'src'）；//获取'src'属性值

当使用
$（'.swiper slide'）
时，它将选择DOM中具有
swiper slide
类的所有元素，当对其使用
attr（）
方法时，将返回匹配集中第一个元素的传递属性值。
请注意，代码中有两个错误：

attar（）
应该是
attr（）
缺少事件处理程序的
）
您可以将
find（）
与
$（this）
一起使用<代码>$（此）
在事件处理程序中是发生事件的元素引用

$(this)              // Element that is clicked
    .find('source')  // Get `<source>` element inside clicked element
    .attr('src');    // Get `src` attribute value

$（this）//单击的元素
.find（'source'）//在单击的元素中获取``元素
.attr（'src'）；//获取'src'属性值

当使用
$（'.swiper slide'）
时，它将选择DOM中具有
swiper slide
类的所有元素，当对其使用
attr（）
方法时，将返回匹配集中第一个元素的传递属性值。
$（this）。查找（'source'）。attr（'src'）
使用此
$（this）.find（'source'）.attr（'src'）
$（此）.find（'source'）.attr（'src'）
使用此
$（此）.find（'source'）.attr（'src'）再次检查：）犯了相同的错误：）再次检查：）犯了相同的错误：）