Question

这是我的观点：

      <div>
 <p class:"test">text1</p>
 <img src="text1" class="image">
</div>

<div>
 <p class:"test">text2</p>
 <img src="text2" class="image">
</div>

我想将每个图像的（src）值替换为与它在同一div中的类（test）的文本。我希望结果是以下代码示例：

This is my code:
$(".poster div").each(function() { 
    var txt = $(this).find("a").parent("h4").text();
    $(this).find(".avatar img").parent("a").parent(".avatar li").attr("src", txt);
});

更新：

<div class="poster">
 <h4>
  <a>name</a>
 </h4>
 <li class="avatar">
  <a>
   <img src="" class="avatar">
  </a>
 </li>
</div>

但它不起作用这就是我想要的工作：

<div class="poster">
 <h4>
  <a>name</a>
 </h4>
 <li class="avatar">
  <a>
   <img src="name" class="avatar">
  </a>
 </li>
</div>

我希望结果如下：

create table dual (x int);
insert into table dual select count(*)+1 as x from dual;

Answer 1

You can select the previous elements text attribute and assign it to the image src attribute like so

$(function () {
    $('img').each(function () {
      $(this).attr('src', $(this).prev().text());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
 <p class="test">text1</p>
 <img src="" class="image">
</div>

<div>
 <p class="test">text2</p>
 <img src="" class="image">
</div>

Answer 2

$(".poster").each(function() { 
    var txt = $(this).find("h4 a").text().trim();
    $(this).find("img").attr("src", txt);
});

Jquery将图像url更改为同一div内的类

2 个答案: