Question

这个问题已经问过了，但是没有解决我的问题。

这是我的疑问：

<li>点击更改图片src仅限活动课程。

＆＃13;

$(document).ready(function() {
  $(".drop-down<?php echo $category['sort_order']; ?>").click(function() {
    var img_src = 'c.png';
    $(".drop-down<?php echo $category['sort_order']; ?> .active").attr('src', img_src);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<ul>
  <li class="drop-down<?php echo $category['sort_order']; ?> active">
    <span class="left-images"><img src="a.png" class="img-responsive"></span>
  <li>
  <li class="drop-down<?php echo $category['sort_order']; ?>">
    <span class="left-images"><img src="b.png" class="img-responsive"></span>
  <li>
</ul>

＆＃13;

Answer 1

你将attr src设置在错误的位置，你需要先找到image标签，然后添加src属性。请看下面的代码

＆＃13;

 $(document).ready(function(){
   $(".drop-down").click(function(){
      var img_src  = 'c.png';
      var i = $(".drop-down.active").find('img').attr('src',img_src);
   });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<li class="drop-down active">
   <span class="left-images">
      <img src="a.png" class="img-responsive">
   </span>
<li>
<li class="drop-down">
   <span class="left-images">
      <img src="b.png" class="img-responsive">
   </span>
<li>

</body>

＆＃13;

只是尝试上面的代码我仍然说，设置img src不是一个好习惯，你必须以更好的方式应用它。希望它会帮助你

jQuery找到图像src多个类

1 个答案: