javascript - 如何获取最接近html元素标签的文本

标签 javascript jquery

我得到了这个 html 片段:

<label>
  <input type="checkbox"/>
  text here
</label>

在我的js中,我想检索“此处的文本”值

这是我的js:

$('input[type=checkbox]').click(function (e) {
var msg = e.target.closest???
});

最佳答案

您可以使用 DOM 节点 nextSibling 属性:

$('input[type=checkbox]').click(function (e) {
    var msg = this.nextSibling.nodeValue;
    console.log(msg);
});

$('input[type=checkbox]').click(function (e) {
    var msg = this.nextSibling.nodeValue;
    alert(msg);    
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label>
    <input type="checkbox" />text here
</label>

关于javascript - 如何获取最接近html元素标签的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31220583/

相关文章:

javascript - 如何使用 AngularJs 从子作用域访问 $files

javascript parseInt() 仅转换前两个字符

javascript - jquery 单选按钮,加上另外两个小问题

javascript - 英雄轮播自动导航

javascript - 有什么更好的选择来代替 jQuery 的 .is (‘:hover’ ) 在悬停在另一个 div 上时显示一个 div。

javascript - AngularJS如何在页面变化时不刷新?

javascript - onload负载条和原型(prototype)滚动条冲突

javascript - Jquery 或 Javascript 检查 Json 对象集合中是否存在对象

javascript - 一个html页面上多个页面的下拉菜单

jquery - 如何添加淡入效果?