Question

我想打印出我点击的课程的唯一值。

我尝试了一些东西，但我无法按照我想要的方式做到这一点

这是一个小例子我的意思

var myVal = $(".test") .getAttribute('value');
$( ".test" ).click(function() {
alert(myVal)
});

codepen Example

Answer 1

为什么不这样使用：

//var myVal = $(".test").getAttribute('value');
$( ".test" ).click(function() {
  alert($(this).attr('value'))
});

为了更好地实现，请对用户定义的属性使用data属性，如下所示：

<div class="test" value="1" data-value="1">Value 1</div>
<div class="test" value="2" data-value="2">Value 2</div>
<div class="test" value="3" data-value="3">Value 3</div>
<div class="test" value="4" data-value="4">Value 4</div>
<div class="test" value="5" data-value="5">Value 5</div>

然后js是：

$(".test").click(function () {
  var dataValue = $(this).data('value');
  alert(dataValue);    
});

<强> DEMO

Answer 2

$("your_element").on('click',function() {
   var myClass = $(this).attr("class");
   alert(myClass);
});

Answer 3

我认为你应该使用AngularJs，它比jquery更好，因为它更适合绑定。这是一个小例子：

http://plnkr.co/edit/WDCgs0rFfyqXhmylcF6D?p=preview

    <body ng-app="">
  <p ng-class="{strike: deleted, bold: important, 'has-error': error}">Map Syntax Example</p>
<label>
   <input type="checkbox" ng-model="deleted">
   deleted (apply "strike" class)
</label><br>

</body>

Answer 4

试试这个：

--depth

获得一个类的价值

4 个答案: