Question

Jquery noob，所以不要踢得太厉害了。在产品描述中获得了带有表格的产品网格。表td具有相同的类，当我尝试从每个内容中提取内容并插入到不同的位置时，我仍然获得相同的内容，每个产品中的内容都不同。

这里是html

<div class="product">
<div class="product777">
<table>
<tr><td class="varimage1">content 1</td><td class="varimage2">COntent2</td></tr>
</table>
<div class="galitem1"></div>
<div class="galitem2"></div>
</div></div>

这是一段js代码

$(".product").each(function(){
// tried this
var colorimgab = $(".varimage2").html();
//and tried this
var colorimgaa = $(this).closest(".product777").find(".varimage1").html();
$(".galitem1").html(colorimgaa);
$(".galitem2").html(colorimgab);
  });

Answer 1

我认为这可以帮到你：

＆＃13;

$(".product").each(function(){
  var colorimgab = $(this).find(".varimage1").html();
  var colorimgaa = $(this).find(".varimage2").html();
  $(this).find(".galitem1").html(colorimgab);
  $(this).find(".galitem2").html(colorimgaa);
});

＆＃13;

td{
  border:1px solid black;  
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<div class="product">
  <div class="product777">
    <table>
      <tr>
        <td class="varimage1">content 1</td>
        <td class="varimage2">COntent2</td></tr>
    </table>
    <div class="galitem1"></div>
    <div class="galitem2"></div>
  </div>
</div>

＆＃13;

jquery：从具有相同类的不同div中提取不同的内容

1 个答案: