javascript - 我可以选择所有属性名称(不是值)以特定字符串开头的元素吗？

Question

假设我有这个标记摘录:

<p onblur="...">text 1</p>
<p class="myclass">text 2</p>
<p onfocus="...">text 3</p>

是否有一个 CSS 选择器可以用来获取第一个和最后一个元素(但不是中间元素)，因为它们都具有以“on”开头的属性？我正在寻找一个通用的解决方案，而不是针对这个特定案例的解决方案(因为对于这个特定示例，当然可以通过更直接的方式实现预期结果)。

基于 Javascript 的解决方案对我来说也能很好地工作(尽管我希望避免暴力检查每个元素的方法)。这正是我正在寻找的(一个可以与 jQuery 或类似库一起使用的选择器)。

Answer 1

正如 pointy 指出的那样，这不是解决问题的推荐方法。只需使用一个类来对您想要同时定位的元素进行分组。

但是，您可以将大多数事件处理程序作为目标:

[onabort],[onbeforecopy],[onbeforecut],[onbeforepaste],[onblur],[onchange],[onclick],[oncontextmenu],[oncopy],[oncut],[ondblclick],[ondrag],[ondragend],[ondragenter],[ondragleave],[ondragover],[ondragstart],[ondrop],[onerror],[onfocus],[oninput],[oninvalid],[onkeydown],[onkeypress],[onkeyup],[onload],[onmousedown],[onmousemove],[onmouseout],[onmouseover],[onmouseup],[onmousewheel],[onpaste],[onreset],[onscroll],[onsearch],[onselect],[onselectstart],[onsubmit] {
  color: #BADBAD;   
}

查看演示 http://jsfiddle.net/uwXgt/1/