我有一些日期列表,我想将 div 添加到日期并将日期和月份分隔到不同的 div。
<div class="campaign">30/11/2016 -
<a href="#" target="_blank">Dummy Text</a>
</div>
我想选择并添加 div 到日期。我也想这样把日子和月份分开。提前感谢任何帮助。
<div class="campaign">
<div class="date-wrapper">
<div class="date">30</div>
<div class="month">Nov</div>
<div class="year">2016</div>
</div>
<a href="#" target="_blank">Dummy Text</a>
</div>
我已经尝试了附加方法,但我无法选择日期并存储在变量中。
最佳答案
您可以使用.prepend( function )
在第一个元素中插入新的 HTML 内容。
var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
"Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
];
$(".campaign").prepend(function(){
var dates = $(this).contents()[0].nodeValue.trim().match(/\d+/g);
$(this).contents()[0].nodeValue = "";
return '\
<div class="date-wrapper">\
<div class="date">'+dates[1]+'</div>\
<div class="month">'+monthNames[+dates[0]-1]+'</div>\
<div class="year">'+dates[2]+'</div></div> \
</div>';
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="campaign">11/30/2016 -
<a href="#" target="_blank">Dummy Text</a>
</div>
关于javascript - 在html中显示的日期中添加div并将日期和月份分开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53297267/