Question

我在一个div中有一个带有类样式的图像，以及一个alt标签，因此我可以在jQuery中将其抓取，以在单击第一个图像时生成第二个图像。我在设置第二张图片的样式时遇到困难，无法正确放入需要的div中。

我已经开始进行动作了，但不确定如何在不向jQuery添加CSS的情况下设置第二张图片的样式。

var images = ["joe.png", "brady.png","elway.png","manning.png"];
        
$('img[alt="montana"]').on("click",function(){
  $(".qb-choice").append("<img src='assets/images/joe.png' />");
});

.card-img-top{
  width: 100px;
  height:100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="card" style="width: 14rem;">
  <p class="card-text">MONTANA</p>
  <img class="card-img-top joe" src="assets/images/giphy.gif" alt="montana">
  <p class="card-text">180</p>
</div>

我需要调整jQuery中附加图像的大小

Answer 1

您在这里找到解决方法

var images = ["joe.png", "brady.png","elway.png","manning.png"];
        
$('img[alt="montana"]').on("click",function(){
  $(".qb-choice").append("<img src='assets/images/joe.png' class='card-img-top joe'/>");
});

.card-img-top{
  width: 100px;
  height:100px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="card" style="width: 14rem;">
  <p class="card-text">MONTANA</p>
  <img class="card-img-top joe" src="assets/images/giphy.gif" alt="montana">
  <p class="card-text">180</p>
</div>

<div class="qb-choice"></div>

在图像标签的class属性中添加classname

希望这会对您有所帮助。

在同一张图片标签中设置第二张图片的样式

1 个答案: