Question

我有一个简单的问题，我有解决方案，但我不确定这是否是最好的方法。

我有2张图片，没有课程，没有ID，我无法编辑标记。我需要使用jQuery交换2个图像。这就是网站上的所有内容。

<%
LiferayPortletContext context = (LiferayPortletContext) portletConfig.getPortletContext();
long timestamp = context.getPortlet().getTimestamp();
%>
<script type="text/javascript" 
        src="<%=request.getContextPath()%>/newsletter/js/newsletter.js?t=<%=timestamp%>">
</script>

我这样做的方式是：

<div class="content">
  <img src="images/img1.png" />
</div>
<div class="content">
  //some content
</div>

<div class="content">
    <img src="images/img2.png" />
</div>

现在这可行，但我认为它不是最好的方法。任何人都可以指望我指出正确的方向。

由于

编辑：我只有2张图片，我想换掉他们两个的地方。没有其他图像，所以img2取代img1和img1代替img2。

Answer 1

我会使用jquery抓取html内容，然后简单地反转它们

var img1 = $('.content:first').html();
var img2 = $('.content:last').html();

然后交换它们

$('.content:first').clear();
$('.content:last').clear();
$('.content:first').html(img2);
$('.content:last').html(img1);

Answer 2

如果您有图像ABCDE，第一个语句会将其更改为BCDEA，第二个语句会将那个更改为BACDE，这会交换前两个（如果您想要的话;你不清楚这一点。）

如果您只有2张图片并且想要更换它们，那么您的第一份声明就可以完成这项工作。

如何交换2个不同的图像？我的方式是一种好的做法吗？

2 个答案: