jQuery .html（）返回'undefined'

Question

出于某种原因，当我使用html()时，它返回为undefined。使用text()也不起作用。

我通过互联网搜索以及stackoverflow，所有的答案都没有解决我的问题。我是jQuery的新手，所以请对我很轻松:)）

这是我的代码：

jQuery的：

$("#cartBtn").on("click", function() {
    var total = $("#cart_cost").html();
    $("#total").append(total);
});

HTML：

<td id="cart_cost" class="text-right">$10</td>

<a id="total">Total: </a>

Answer 1

问题在您的HTML代码中

 td Work Inside in table

如果 td 不是父表td不是通过jQuery解析

   $(document).ready(function(){
        var total = $("#cart_cost").html();
        alert(total);
        $("#total").append(total);
    });

只需添加表标签外部标签

 <table>
    <td id="cart_cost" class="text-right">$10</td>
    <a id="total">Total: </a>
    </table>

Answer 2

有时.html()可能由于初始化jquery对象时的html错误而无法定义

var obj = $('<!-- sad --><div>hello</div>');
console.log(obj.html())

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>