Question

我想修改标题栏jquery插件展示，我将<p class='title>添加到description标签，以便我可以将css样式应用于标题并将该部分与实际描述分开。脚本：

var $a = $("<a />").attr("href", $container.find("a:first").attr("href")).html("<span>" + $container.find("a:first img").attr("alt") + "</span>");

var $titleBar = $("<div id='subBar' />").html($a);

HTML输出：

<div id="subBar"><span><p class="title">Lorem</p>description here</span></div>

从上面的结构中，如果遇到<p class='title'>，如何通过jquery添加css？我想将css样式添加到类标题中，这是不可能的，因为这是由javascript生成的。

Answer 1

删除选择器中“p”和“.title”之间的空格：

$container.find("p.title").css('color','red');

（如果那是你的问题）

更新：即使您尝试访问的DOM元素是由Javascript生成的，您的jquery选择器仍然可以正常工作。您可以在浏览器的javascript控制台（例如Firebug）中对此进行测试。您只需确保在生成title元素的代码之后执行代码。

但是，你真的需要在这里使用Javascript吗？如果您只想将类“title”的段落设置为红色，只需添加一些css：

p.title { color: red; }

Jquery搜索并应用css样式

1 个答案: