.在javascript中查找背景图片

Question

我正在尝试优化此代码以查找和替换 div 类 mp-e 的背景图像，但我正在努力为代码的最后一行找出正确的部分。 其他一切都是正确的，只是我似乎无法弄清楚的 .find 函数。

HTML

<center>
  <div class="mp-a"><div class="mp-b"><!-- |g_title| --></div></div>
  <div class="mp-h"> <!-- |posts| --> posts <i class="lar la-star"></i> <!-- |points| --> points</div>
  <div class="mp-c"><div class="mp-d">
  <div class="mp-e" style="background: url(<!-- |field_7| -->);">
    <div class="mp-f"><div class="mp-g">
     <!-- |awards| -->
    </div></div>
  </div>
  </div> </div>
  <a href="<!-- |field_22| -->"><div class="mp-i">Shipper</div></a>
  <a href="<!-- |field_23| -->"><div class="mp-i">Development</div></a>
  <a href="<!-- |field_25| -->"><div class="mp-i">Request</div></a>
</center>

脚本

<script>
  $('div[id*="pid_"]:contains([AI=)').each(function() {
    $(this).html($(this).html().replace(/ \[AI=(.+?)\]/i, '<span class="my_avatar" style="display: none">$1</span>'));
    var myAvatar = $(this).find('span.my_avatar').text();
    $(this).find('div.mp-e background image').attr('src', myAvatar);
  });
</script>

任何见解都会很棒。 谢谢你！

Answer 1

CSS 样式不是您可以找到的元素。

您可以使用.css()方法来更改元素的样式。

$(this).find('div.mp-e').css('background-image', `url(${myAvatar})`);

Answer 2

您将backgroud和image作为 HTML 元素放置，而它们是 CSS 属性。

试试这个，和你的有点不同

$(this).find('div.mp-e').css({
    "background": " url('YOUR IMAGE PATH')"
})

要添加更多 CSS 属性,向.css函数内的对象添加,然后输入您的属性:值