javascript - 如何将数据值附加到动态创建的div？

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        4年前关闭。
                                                                                            
                
        
我正在尝试将数据值与动态创建的div相关联，但是我无法使其正常工作。我尝试过在线浏览，但似乎无法改编任何示例来解决我的问题。如果有人可以帮助我，我将非常感激。我得到的错误是这样说的：


  .data不是函数


如果我尝试将$运算符放在前端控件中，则只通过我的代码块，什么也不会发生。

var container = $("#container");
('<div class="orb"></div>').data(num).appendTo(container);

最佳答案

它运作良好：

var $container = $('#container');
$('<div class="orb"></div>').data('num', 123).appendTo($container);

console.log($('.orb').data('num'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="container"></div>

你有什么问题？