javascript - 如何从 HTML 标签获取属性值

标签 javascript jquery html

我正在尝试从 HTML 标记获取值。不是文本本身,而是属性值。我做错了什么?

$('label').click(function() {
    $('p').text(($(this).val()));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label value="hello">click</label>
<p></p>

最佳答案

labels 没有 valuesinput 和其他 form 元素可以有值。因此,在您的情况下,它是 jQuery 的 attr 函数,用于接收属性值。并且不需要在这个 getter 周围添加额外的括号。

$('label').click(function() {
    $('p').text($(this).attr("value"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label value="hello">click</label>
<p></p>

关于javascript - 如何从 HTML 标签获取属性值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38852972/

相关文章:

jquery - 透明地将焦点处理程序绑定(bind)到 Knockout.js 添加的新文本输入

javascript - 尝试并排对齐文本区域和按钮

javascript - 使用 ajax 通过输入文件和文本以一种形式发布

javascript - 为 window.open 传递一个长查询字符串

javascript - 如何在 chart.js 中创建时间序列折线图?

javascript - 如何停止传播下一个内联函数

datepicker - jquery-ui datepicker 与 jquery .on() 事件

javascript - 表单提交后显示隐藏内容

html - 关键帧动画 - 即时变化

javascript - 让 div 容器显示隐藏,然后用按钮显示