Question

我有以下HTML但我无法更改日期值和标题的值。你能建议怎么做吗？

<a title="Date::04/08/2013">
  <span class="name">Date::</span>
  <span data-value="04/08/2013" class="value">04/16/2013</span>
</a>

对不完整的问题感到抱歉。

使用jQuery分配值04/16/2013，但title =“Date :: 04/08/2013”和data-value =“04/08/2013”未更改。我希望"Date::04/08/2013"应为"Date::04/16/2013"而data-value="04/08/2013"应为data-value="04/16/2013"。

提前致谢。

Answer 1

我认为你有这个

<a title="Date::04/08/2013" id='date-link'>
  <span id="date-title" class="name">Date::</span>
  <span id="date-value" data-value="04/08/2013" class="value">04/16/2013</span>
</a>

你想要关注

<a title="Date::04/16/2013" id='date-link'>
  <span id="date-title" class="name">Date::</span>
  <span id="date-value" data-value="04/16/2013" class="value">04/16/2013</span>
</a>

如果是这样，您可以尝试以下

var dateTitle = jQuery("#date-title").html()
var dateValue = jQuery("#date-value").html()
jQuery('#date-link').attr('title', dateTitle+dateValue);
jQuery('#date-value').attr('data-value', dateValue);

您可以使用以下代码创建一个html文件并检查您自己的

<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>

<a title="Date::04/08/2013" id='date-link'>
  <span id="date-title" class="name">Date::</span>
  <span id="date-value" data-value="04/08/2013" class="value">04/16/2013</span>
</a>

<a href ="javascript:void(0)" onclick="abc()">Click Here</a>

<script>
    function abc() {
    var dateTitle = jQuery("#date-title").html()
    var dateValue = jQuery("#date-value").html()
    jQuery('#date-link').attr('title', dateTitle+dateValue);
    jQuery('#date-value').attr('data-value', dateValue);}
</script>

Answer 2

试试这个：

$('span.value').attr("data-value", "04/16/2013")

.data("value")可能无效，因为值会映射到其他内容。

此外，如果可能，请尝试使用值以外的其他关键字。

Answer 3

$('.value').attr('data-value',$('.value').html());

Answer 4

var value = $('.value').text();
$('.value').attr('data-value',value)

Answer 5

HTML代码：

<a title="Date" id="data">
  <span class="name">Date::</span>
  <span data-value="04/08/2013" class="value">04/16/2013</span>
</a>

<强> JS：

$("#data").find('span').attr("data-value", "04/16/2013");

试试这个你会得到数据值......

如何更改日期值？

5 个答案: