Question

我在.data方法中存储了值。它不是第一次点击工作，而是第二次点击。

<script type="text/javascript">
$(function(){
$('a').click(function(){
var value=  $('div').data('key');
var txt= $(this).text();
$('div').data('key',txt)
$('span').text(value)
})})
</script>

// html

<div></div>
<a href="#">My text</a>
<span></span>

Answer 1

这应该有用 - DEMO

在首次点击时，您需要在设置之前访问数据。

<script type="text/javascript">
$(function(){
    $('a').click(function(){
        var txt= $(this).text();
        $('div').data('key',txt)
        $('span').text($('div').data('key'))
    })
})
</script>

<强> HTML

<div></div>
 <a href="#">My text</a>
<span></span>

Answer 2

您在存储之前正在检索它。尝试将var value=...移至$('div').data(...

以下

Answer 3

您在实际设置之前正在访问数据值

$(function(){
  $('a').click(function(){
    var value=  $('div').data('key'); // accessing data
    var txt= $(this).text();
    $('div').data('key',txt) // setting data
    $('span').text(value)
  })
})

.data在第一次点击时不返回值

3 个答案: