我试图在 chrome 控制台中使用 jquery 获取 div 值:
<div class="col-md-3">
<div class="vou-col" style="cursor: pointer">
<h4>Free Large Bucket</h4>
<span class="sku-info">Voucher123</span>
</div>
</div>
我收到以下错误:
$('.sku-info').val()
VM783:1
未捕获的类型错误:$(...).val 不是函数
于 :1:21
问题
.val()
用于获取 a 的值input元素 - 即用户在文本框中输入的内容。它不会用于此目的。
然而,它仍然应该被定义,即使在 HTML 元素上调用(它仍然会返回null
,但是,所以你仍然会遇到问题)。唯一的原因是.val()
to be 不是一个函数如果你没有包含 jQuery - 确保你有一行像
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
in the <head>
网页的一部分包含 jQuery,否则下面的解决方案都不起作用。
解决方案
您想要获取 a 的内部 HTML 值<div>
。所以,你应该使用.text() or .html()代替.val()
.
-
.text()
将返回文本<div>
,没有任何HTML标签;
-
.html()
将返回所有内容<div>
,包括其中的任何 HTML 标签。
Example
console.log($(".sku-info").text())
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-3">
<div class="vou-col" style="cursor: pointer">
<h4>Free Large Bucket</h4>
<span class="sku-info">Voucher123</span>
</div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)