Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何根据id获取所有特定的跨度并调用click事件?_Jquery_Asp.net - Fatal编程技术网

Jquery 如何根据id获取所有特定的跨度并调用click事件?

Jquery 如何根据id获取所有特定的跨度并调用click事件?,jquery,asp.net,Jquery,Asp.net,目前我正在做如下工作 <script type="text/javascript"> $(document).ready(function () { debugger; $('#Draft').live('click', function () { alert("I am Draft Here"); }); $('#Live').live('click', function () { alert("I am live Here"); }); $('#Completed').liv

目前我正在做如下工作

<script type="text/javascript">
$(document).ready(function () {
debugger;
$('#Draft').live('click', function () {
alert("I am Draft Here");
});

$('#Live').live('click', function () {
alert("I am live Here");
});

$('#Completed').live('click', function () {
alert("I am completed Here");
});
});
</script>

我是jquery的新手,请在这方面提出建议,您可以给他们每人上一节课,例如:

<span class="thingy" id="Draft">Draft: (2138)</span>
例如:

$(document.body).on(“click”,“.thingy”,function()){
$(“”).html(“您单击了”+this.id).appendTo(document.body);
});
.thingy{
颜色:#F3660E;
边框:1px纯黑;
}

草案:(2138)
现场:(1234)
已完成:(4321)

您可以向所有元素添加公共类

<span class="myClass" id="Draft">Draft: (2138)</span>

您也可以使用单击。有关单击和打开之间区别的简短说明,请参阅中的答案

对于您的示例,我可能只使用//因为它较短:)


您可以使用
类名
而不是
style=“color:#color”
来执行此操作。添加一个公共类,然后像这样使用它
$(document.body).on("click", ".thingy", function() {
    // `this` will be the span element
});
<span class="myClass" id="Draft">Draft: (2138)</span>
$('.myClass').on('click', function () {
    //Here this refers to span, element which invoked the event
    alert("I am " + this.id + " Here"); 
});
$('.someClass').click(function(){
alert("I am someClass");
});