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");
});