0

假设我有以下 HTML:

<html>
    <head>
        <title>My Test Page</title>
    </head>
    <body>
        I liked the book <cite>Catcher In The Rye</cite>.
        I also liked the book <cite>The Great Gatsby</cite>.
    </body>
</html>

我想知道的是是否有办法选择<cite></cite>标签之间的所有字符串?我想要做的是在cite标签之间的所有文本中添加一个 CSS 样式。我知道我可以class为每个属性添加一个公共属性并使用类名选择它们,但是有很多,我不想将它添加到每个属性中。jQuery 有cite标签选择器吗?

4

3 回答 3

1

这个选择器应该选择cite文档中的所有标签;$('cite')

你可以这样使用它; $('cite').addClass('myCustomCssClass');

http://api.jquery.com/element-selector/

于 2012-08-21T21:01:35.667 回答
0
one liner

$('cite').addClass('yourclass').css({'height':'20px','width':'10px'}); 

等等

于 2012-08-21T21:11:19.967 回答
0

$("cite")应该得到所有实例。

在 jQuery 中,有三个主要的选择器:

  1. 按标签名称:$("cite")
  2. 按类别:$(".someClass")
  3. 按 ID:$("#SomeID")

思考它的一个好方法是“我将如何定义 CSS 定义来设置一个或多个元素的样式”?通常,该答案将为您提供在 jQuery 中使用的良好选择器。

在您的情况下,您可以遍历每个 CITE 元素并像这样获取 text/html:

$("cite").each(function() {
  var theText = $(this).text();  // example to get text
  var theHtml = $(this).html();  // example to get html
  // do whatever you want with these values
});
于 2012-08-21T21:00:15.093 回答