javascript - jQuery - 在样式表中获取 CSS 选择器

Question

我想获取与样式表中所写完全相同的元素的选择器。

例如，我有一个包含 input 字段样式的样式表，如下所示:

#parent .children input {
    property: value;
}

input {
   property: value;
}

.input_field {
   property: value;
}

html如下例:

<div id="parent">
  <div class="children">
      <input class="input_field" type="text" name="input_field" value=""/>
  </div>
</div>

当点击 input 字段时，我想使用 jquery 从样式表中获取它的所有选择器:

$("input").on("click", function(){
    // get my selectors from stylesheet
});

如何实现？

Answer 1

虽然我也想知道你为什么需要这个，但我们不要在那里停留。

您需要非常简单的 document 对象来执行您的任务。

本质上，document.styleSheets 为您提供了所有附加到网页的样​​式表。 使用它，您可以做任何您想做的事。