jquery：从同一类别的不同div中拉出不同的内容

Question

jquery noob，所以不要太费劲地试试plz。 在产品描述中获得带有表格的产品网格。表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

我认为这可以帮助你：

$(".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); 
 
});

td{ 
 
    border:1px solid black; 
 
}

<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>