如何知道选择了哪个标签？

Question

我的div中会有一些标签。用户可以在单击标签后选择编辑标签或更改字体。

如果用户想要更改字体大小，则用户单击标签，然后在下拉列表中选择字体大小。

我的问题是如何知道选择/突出显示哪个标签才能更改字体大小？

E.g。改变一个标签的大小

的jQuery

var query = Enumerable.Range(counter, counter + 500);

HTML

$("#size").on('change',function(){
   var getValue=$(this).val();
   $("#label1").css("font-size",this.value + "px");

});

Answer 1

HTML CODE

<!-- All the labels could be clicked-->
<label class="clickableLabel">Label1</label>
<label class="clickableLabel">Label2</label>
<label class="clickableLabel">Label2</label>

JQUERY CODE

// When clicking in a label, a new class is added
$(".clickableLabel").on("click",function(){

     // Comment this line to allow multiple selection
     $(".selected").removeClass("selected");
     $(this).toggleClass("selected");

});

// When the select changes, the font size of the label changes too
$("#size").on("change",function(){

     var getValue=$(this).val();
     $(".selected").css("font-size", getValue + "px");

})