Question

假设我有以下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标签的选择器？

Answer 1

此选择器应选择文档中的所有cite标记; $('cite')

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

请参阅http://api.jquery.com/element-selector/

Answer 2

$("cite")应该获取所有实例。

在jQuery中，有三个主要选择器：

按标签名称：$（“cite”）
按类：$（“。someClass”）
按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
});

Answer 3

one liner

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

等等

使用jQuery选择所有Cite引用

3 个答案: