jquery:更改css和删除html无效

此HTML：

改变我

这个JQuery：

$（“.empty”）。单击（函数（）{
$（this.css（“color”和“#000”）；
$（this.html（“”）；
});

---

没有像我希望的那样工作（或者根本没有）。我希望当用户点击span中的“change me”文本时，字体颜色变为黑色，span中的现有文本消失

我假设您的代码在html的

中。 您需要在onLoad中包装代码，以便在适当的时间执行代码

$(function() {
    $(".empty").click(function() {
        $(this).css("color","#000");
        $(this).html(" ");
    });
});

---

加载页面后执行代码：

$(document).ready(function(ev){
   $(".empty").click(function() {
        $(this).css("color","#000");
        $(this).html(" ");
    });
});

---

它不起作用，因为跨度没有高度属性，清空其内容后，宽度为0px，高度为0px。将跨度替换为

，并在css中为其指定高度。

---

这里的例子：

它的工作原理。。。不工作是指文字没有消失吗？