通过文本和属性选择元素

翁德里

一个简单的问题:为什么这不起作用?

if ($('a:contains("some text"):first').attr("class") == "someclass") { 
    this.css('background-color', 'red');  
}
罗里·麦克罗森(Rory McCrossan)

this 应该引用第一行中的<a>元素。

不幸的是,这不是this关键字作用域的工作原理。在这种情况下,this将引用此代码放置在任何地方的包含范围。要执行您需要的操作,您将需要a直接引用该元素。试试这个:

var $a = $('a:contains("some text"):first');
if ($a.attr("class") == "someclass") { 
    $a.css('background-color', 'red');  
}

另请注意,如果a所选元素具有多个类,则以上操作将失败。要解决此问题,您可以使用jQuery的hasClass()方法:

var $a = $('a:contains("some text"):first');
if ($a.hasClass("someclass")) { 
    $a.css('background-color', 'red');  
}

或者,更好的是,您可以直接在要查找的类中选择元素,而无需使用该if语句。

$('a.someclass:contains("some text"):first').css('background-color', 'red');  

最后请注意,更好的做法是在单独的样式表中定义样式规则,然后使用addClass()JS中所需的位置添加这些类,而不是使用临时添加它们.css()

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过文本和属性选择元素

来自分类Dev

通过ID和CSS属性选择元素

来自分类Dev

Cheerio:如何通过文本内容选择元素?

来自分类Dev

无法通过属性或文本跟踪元素

来自分类Dev

如何提取DOM元素的ID属性,如果我知道通过硒的webdriver和Java对应的文本

来自分类Dev

选择元素和后续文本

来自分类Dev

选择元素和后续文本

来自分类Dev

通过数据属性选择通过Ajax加载的元素

来自分类Dev

通过数据属性选择通过Ajax加载的元素

来自分类Dev

通过具有类似数组的属性的属性选择dom元素

来自分类Dev

通过具有类似数组的属性的属性选择dom元素

来自分类Dev

通过XSD的属性和元素的独特组合

来自分类Dev

通过id和custom属性获取元素

来自分类Dev

他们如何使用angular / jqLite find()方法通过属性名称和值选择元素?ng-conf 2015

来自分类Dev

使用Selenium Webdriver通过包含的文本选择元素

来自分类Dev

通过其ID动态设置选择元素的文本

来自分类Dev

在下拉菜单中搜索并通过文本选择元素

来自分类Dev

使用页面文本通过“ Beautiful Soup”选择“ html”元素

来自分类Dev

使用cssSelector通过文本选择嵌套元素-Selenium WebDriver

来自分类Dev

如何使用DOM通过文本选择锚元素

来自分类Dev

Xml Linq查询(通过属性和属性值获取元素)

来自分类Dev

如何通过jQuery的data-date属性选择元素?

来自分类Dev

如何通过CSS的xlink:href属性选择XML元素?

来自分类Dev

在Nokogiri中使用XPath通过属性值选择元素

来自分类Dev

如何通过CSS的xlink:href属性选择XML元素?

来自分类Dev

在Nokogiri中使用XPath通过属性值选择元素

来自分类Dev

通过xpath选择,仅知道元素属性的结尾

来自分类Dev

VBA通过属性名称选择XML元素val

来自分类Dev

不使用 Eval 的通过选择器的元素属性

Related 相关文章

  1. 1

    通过文本和属性选择元素

  2. 2

    通过ID和CSS属性选择元素

  3. 3

    Cheerio:如何通过文本内容选择元素?

  4. 4

    无法通过属性或文本跟踪元素

  5. 5

    如何提取DOM元素的ID属性,如果我知道通过硒的webdriver和Java对应的文本

  6. 6

    选择元素和后续文本

  7. 7

    选择元素和后续文本

  8. 8

    通过数据属性选择通过Ajax加载的元素

  9. 9

    通过数据属性选择通过Ajax加载的元素

  10. 10

    通过具有类似数组的属性的属性选择dom元素

  11. 11

    通过具有类似数组的属性的属性选择dom元素

  12. 12

    通过XSD的属性和元素的独特组合

  13. 13

    通过id和custom属性获取元素

  14. 14

    他们如何使用angular / jqLite find()方法通过属性名称和值选择元素?ng-conf 2015

  15. 15

    使用Selenium Webdriver通过包含的文本选择元素

  16. 16

    通过其ID动态设置选择元素的文本

  17. 17

    在下拉菜单中搜索并通过文本选择元素

  18. 18

    使用页面文本通过“ Beautiful Soup”选择“ html”元素

  19. 19

    使用cssSelector通过文本选择嵌套元素-Selenium WebDriver

  20. 20

    如何使用DOM通过文本选择锚元素

  21. 21

    Xml Linq查询(通过属性和属性值获取元素)

  22. 22

    如何通过jQuery的data-date属性选择元素?

  23. 23

    如何通过CSS的xlink:href属性选择XML元素?

  24. 24

    在Nokogiri中使用XPath通过属性值选择元素

  25. 25

    如何通过CSS的xlink:href属性选择XML元素?

  26. 26

    在Nokogiri中使用XPath通过属性值选择元素

  27. 27

    通过xpath选择,仅知道元素属性的结尾

  28. 28

    VBA通过属性名称选择XML元素val

  29. 29

    不使用 Eval 的通过选择器的元素属性

热门标签

归档