2013-04-22 149 views
0

我有一个以下的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> 

对不完整的问题抱歉。

2013年4月16日使用jQuery分配值,但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"

在此先感谢。

+2

没有'date-val ue'在文本中提到过两次......但是有'data-value'。这是你问题的根源吗?你试过了什么? – charlietfl 2013-04-22 06:44:58

回答

0

试试这个:

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

.data("value")可能无法正常工作,因为映射到别的东西。

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

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

'this'在您的解决方案中是'window',而不是元素...将不会如所示那样工作。 – charlietfl 2013-04-22 06:47:53

+0

如果'this'不起作用...那么将它改为你的标识符,在这种情况下'.value' – eurica 2013-04-22 06:57:24

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

的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"); 

试试这款U将获得的数据值...

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>