[英]How to get alert of class name from selected option in select tag using jquery?
我有一个<select>
标记,其中包含来自数据库的所有选项。 我想要发生的是当我选择一个特定选项时,我想获得类名,但是当我这样做时我得到了Undefined
。 为什么会这样?
HTML :
<select id="mySelect" class="form-control get-this">
<?php
foreach ($res as $r) {
?>
<option class="<?= $r->item_name ?>" ><?= $r->item_name ?></option>
<?php }
?>
</select>
JavaScript :
<script>
$('.get-this').on('change', function() {
var optionSelected = $("option:selected", this);
var valueSelected = $('option:selected').attr('class');
alert($(this).find('option:selected').attr("class"));
});
</script>
要获取元素的类名,请使用 JavaScript 的.className
属性。
句法:
object.className
例子:
console.log(document.querySelector("#element").className);
对于多个类,使用classList
(仅在较新版本中):
// Gets fourth class
console.log(document.querySelector("#element").classList[3];
要在旧版本中模拟classList
,请使用.split(/\\s+/)
// Gets fourth class
console.log(document.querySelector("#element").className.split(/\+s/)[3];
来源: 如何获取点击元素的类
编辑: @Andreas 是对的。 您已经可以使用的代码不需要修改。
console.log($("#element").attr("class"));
$("#js").text(document.querySelector("#element").className); $("#jq").text($("#element").attr("class"));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="element" class="my-class"></div> <code>.className</code> returns: <span id="js"></span><br> <code>.attr("class")</code> returns: <span id="jq"></span>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.