html()文本上的JQuery CSS

Question

var data = $("span", this).html(); /*grab all */
$calPopup.stop().fadeTo(300,1);
$calPopup.html(data);

我想做的事情如下:

data.css("font-size","10pt");

但如果我这样做,html文本甚至不会出现.Chrome的检查员说:

Uncaught TypeError: Object *** has no method 'css' 

如何对文本应用CSS修改？

Answer 1

在.html()jQuery函数返回一个字符串,而不是一个jQuery对象,所以没有.css()功能使用.但是,如果要将CSS样式应用于所有这些<span>元素,就像.css()直接在选择它们的jQuery对象上调用函数一样简单:

$('span', this).css('font-size', '10pt');

请注意,我删除了变量声明,因为根据提供的代码,似乎没有必要.另请注意,该.html()函数将仅返回第一个匹配元素的HTML ,而不是全部,所以如果您有多个<span>元素,那么您将只获得第一个的HTML.

要解决对问题的修改:

var data = $("span", this).clone().css('font-size', '10pt');
$calPopup.stop().fadeTo(300,1);
$calPopup.empty().append(data);