问题标签 [css-selectors]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jQuery 和原型选择器的疯狂
jQuery 和 Prototpye JavaScript 库都不允许我使用变量来按索引号选择列表项元素,尽管它们接受硬编码的数字。
例如,在原型中这有效:
但是无论我如何尝试将变量转换为数字或整数,这都行不通:
在 jQuery 中,我得到了类似的怪异。这将起作用:
但是即使 currentPage 的值为 5 并且它的类型是 number,这也不会再次起作用:
我正在尝试创建一个 JavaScript 分页系统,我需要在活动页面按钮上设置类。列表项元素是根据我需要的页数动态创建的。
javascript - jQuery 可以通过 CSS 规则而不是类来选择吗?
A.container
可以包含许多.components
,并且.components
它们本身可以包含.containers
(反过来可以包含 .components 等)
给定这样的代码:
我需要在大括号内的行中添加什么以仅选择.containers
其width
in CSS 设置为的嵌套auto
?我确信这很简单,但我并没有真正使用过 jQuery。
css - Complex CSS selector for parent of active child
Is there a way to select a parent element based on the class of a child element in the class? The example that is relevant to me relating to HTML output by a nice menu plugin for http://drupal.org. The output renders like this:
My question is whether or not it is possible to apply a style to the list item that contains the anchor with the active class on it. Obviously, I'd prefer that the list item be marked as active, but I don't have control of the code that gets produced. I could perform this sort of thing using javascript (JQuery springs to mind), but I was wondering if there is a way to do this using CSS selectors.
Just to be clear, I want to apply a style to the list item, not the anchor.
javascript - 提高 jQuery 选择器性能的好方法?
我正在寻找可以提高 jQuery 调用的选择器性能的任何方法。具体是这样的:
$("div.myclass")
比_$(".myclass")
我想可能是这样,但我不知道 jQuery 是否足够聪明,可以先通过标签名称限制搜索,等等。有人对如何制定 jQuery 选择器字符串以获得最佳性能有任何想法吗?
css - 带有正则表达式的 CSS2 属性选择器
CSS 属性选择器允许基于属性值选择元素。不幸的是,我已经好几年没有使用它们了(主要是因为并非所有现代浏览器都支持它们)。但是,我清楚地记得,我可以使用它们来装饰所有带有图标的外部链接,方法是使用类似于以下的代码:
上面的代码不起作用。我的问题是:它是如何工作的?如何选择属性以 开头的所有<a>
标签?官方的 CSS 规范(上面链接)甚至没有提到这是可能的。但我确实记得这样做过。href
"http"
(注意:显而易见的解决方案是使用class
属性进行区分。我想避免这种情况,因为我对 HTML 代码的构建方式影响不大。我只能编辑 CSS 代码。)
css - 有没有办法用 CSS 选择列表的最后一项?
假设我有一个如下列表:
- 项目1
- 项目2
- 第 3 项
是否有一个 CSS 选择器可以让我直接选择列表的最后一项?在这种情况下,第 3 项。
干杯!
jquery - 如何使用 JQuery“后”选择器
我似乎无法找到一个好的方法来做到这一点,但它似乎应该很简单。我有一个我想要的元素append a div
。然后我有另一个元素,我想克隆并推入该中间 div。这是我希望做的:
这似乎很接近,但并不完全在那里。问题在于“附加”似乎在原始#somediv > ul
选择器上运行。这有点道理,但这不是我想要的。如何最有效地选择我添加的中间 div 并将其after
放入#someotherdiv
其中?
jquery - 找出四个div中可见的div
我需要使用 jQuery 从四个可能的 div 中找出哪些 div 是可见的。在任何给定时间,只有其中一个 div 是可见的。
到目前为止,这就是我所拥有的:
有没有办法重构这个?有没有更简单的方法来解决这个问题?
css - 在 CSS 选择器中处理元素 ID 中的冒号
JSF 将输入字段的 ID 设置为search_form:expression
. 我需要在该元素上指定一些样式,但是该冒号看起来像是浏览器的伪元素的开头,因此它被标记为无效并被忽略。反正有没有逃避冒号之类的?
java - 服务器端 CSS 选择器
我正在创建一个工具,它将检查动态生成的 XHTML 并根据预期内容对其进行验证。
我需要确认结构正确并且特定属性存在/匹配。可能还有其他我不感兴趣的属性,因此不适合直接进行字符串比较。
验证这一点的一种方法是使用 XPath,我已经实现了这一点,但我也想要一些不那么冗长的东西 - 我希望能够使用 CSS 选择器,就像我可以使用 jQuery 一样,但是在服务器上 - 在 CFML 代码中 -而不是在客户端。
是否有 CFML 或 Java 库允许我针对 XHTML 字符串使用 CSS 选择器?