jquery - jQuery 选择器不是 html 标签或类或 id

Question

我想知道以下是否可能。

• 当您想将句柄分配给 id 时，它用作 $("#idhere")
• 当您想为类名分配句柄时，它用作 $(".classname")
• 当您想为 htmltag 分配句柄时，它用作 $("div")

可以说我需要一个结合了所有这些东西的东西。（就此而言，它必须是一个不区分上述任何一种的选择器。

例如，当我有类似的东西时：

<input name="whatever" my_custom_trigger="my_identifier">

或者

<div id="thisid" class="thisclass" my_custom_trigger="my_identifier">output</div>

例如，我需要将 .click 分配给 [my_custom_trigger]，因为触发器将分配给所有类型的 html 项目（div、input、span 或任何需要的）

所以基本上我会有类似的东西

$("my_custom_trigger=>my_identifier").click(function(){
    //rest of code
});

这可能吗？

@mods：抱歉，如果之前处理过，但我发现很难搜索这个问题，因为我不知道找到相同问题的关键字！

Answer 1

你正在寻找这样一个sintax

$("[my_custom_trigger='my_identifier']").first().click(function(){
    //rest of code
});

但是使用 data-my_custom_trigger 作为属性名称，因为 HTML5 标准要求 data- 在所有自定义属性前面。

Answer 2

如果它是一个属性，您可以使用[attribute='value']选择器：

$("[my_custom_trigger='my_identifier']").click(function(){
    //rest of code
});

但这将搜索您的 DOM 中的每个元素，开始时不会那么快，并且它不是有效的 html 标记，如果您使用的是 HTML5，您可以将它包含在data-attributename（并将属性名称更改为您想要的任何内容）并绑定事件那样，但你应该让嘶嘶声更容易找到元素。

Answer 3

您可以使用以下方法轻松识别您自己的选择器：

$('*[my_custom_trigger="my_identifier"]').click(function(){
    // do what you wish.
});