Question

我有下面的脚本，

$('.button-book-it').attr('data-book-check', new_date);

我的html按钮位于下方，

<input type="submit" id="schedule_btn1" data-id="schedule_form1" data-book-check="Monday, May 16, 2016" name="submit" data-hidden-value="11:30:00" data-hidden-value-end="12:00:00" data-value="7:30 AM EST" value="Book it" class="button-book-it book_link" disabled=""></input>

我需要将new_date值添加到data-book-check属性，而不会在美国东部时间早上7:30取代当前值。请注意，它位于数据属性中。

Answer 1

$('.button-book-it').attr('data-book-check', new_date+$('.button-book-it').attr('data-book-check'));

设置值时使用新数据属性和旧属性。使用+将它们组合起来

Answer 2

这将完成它。使用代码检查器查看更改。

＆＃13;

$(document).ready(function(){
    $(".button-book-it").click(function(){
      
      var new_date = "11:30:00";
       
      var old_date =  $(this).attr('data-book-check');
                                               
      $(this).attr('data-book-check', new_date + " " + old_date );      
    
      
    });
   
  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" id="schedule_btn1" data-id="schedule_form1" data-book-check="7:30 AM EST" name="submit" data-hidden-value="11:30:00"  data-hidden-value-end="12:00:00" data-value="7:30 AM EST" value="Book it" class="button-book-it book_link">

＆＃13;

将值添加到现有数据属性值而不替换

2 个答案: