抽象鼠標點擊監聽器的Javascript

到目前爲止，我有類似以下，其中一個頁面上的每個按鈕被賦予一個唯一的ID（一，二，三，等）：抽象鼠標點擊監聽器的Javascript

$(document).ready(function(){ 
    $("#one").click(doThing); 
    $("#two").click(doThing); 
    $("#three").click(doThing); 
    $("#four").click(doThing); 
}); 

function doThing(){ 
    $("#textbox").prepend("<p>Clicked " + this.id + "</p>"); 
}

是否有壓縮越來越多的點擊監聽器的方式，所以我不必爲每個按鈕重複自己，而仍然返回適當的ID？

來源

2015-04-22 AMGitsKriss

使用類或目標 '按鈕' 元件... – sinisake

[**類選擇**]（https://developer.mozilla.org/en-US/ docs/Web/CSS/Class_selectors） – adeneo

爲什麼downvote？這確實是一個初學者的問題，但有代碼和一個真正的問題。 – frenchie

您可以將一個類添加到將應用點擊的所有元素。在選擇器

$(document).ready(function(){ 
 
    $(".do-thing-el").click(function(){ 
 
     $("#textbox").prepend("<p>Clicked " + this.id + "</p>"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p class="do-thing-el" id="one">Something</p> 
 
<p class="do-thing-el" id="two">Else</p> 
 
<p class="do-thing-el" id="three">Goes</p> 
 
<p class="do-thing-el" id="four">Here</p> 
 
<hr /> 
 
<div id="textbox"> <div>

來源

2015-04-22 22:05:32

我覺得令人難以置信的愚蠢，不考慮這一點......謝謝。 – AMGitsKriss

抽象鼠標點擊監聽器的Javascript

回答

相關問題