时间戳

首页 > 解决方案 > 替换属性 data-image-src 的值

java - 替换属性 data-image-src 的值

问题描述

我正在尝试更改在这样的标签data-image-src上使用的属性的值：-div

<div class="bg-image cover-bg"  id="mobile-app"  data-image-src="assets/img/slider-4.jpg" data-overlay="4"></div>

我需要的是在单击由标签制作的按钮时将值data-image-src从“ assets/img/slider-4.jpg”更改为“ ”。assets/img/vs-app.jpg<a>

标签： javajqueryhtmlcss

解决方案

您可以获取和设置您的数据属性，如下所示。

$('a').click(function(e) {
  $('.bg-image').data('image-src', 'assets/img/vs-app.jpg');
  console.log($('.bg-image').data('image-src'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="bg-image cover-bg" id="mobile-app" data-image-src="assets/img/slider-4.jpg" data-overlay="4">1234</div>

<a href='#'>Click to change<a/>

推荐阅读