淘先锋技术网

首页 1 2 3 4 5 6 7

在使用jQuery时,我们经常使用id选择器来获取某个元素的值,但是有时会出现通过id取不到值的情况。

//html代码
<div id="test"></div>//jquery代码
var value = $("#test").val(); //取不到值

为什么会出现这种情况呢?从上面的例子中,我们可以看出,取值的元素是一个div标签,而不是一个input标签。而val()方法只能用于文本输入框、下拉列表和文本区域这些表单元素,而不能用于其他标签。

那么我们该如何获取其他标签的值呢?

//html代码
<div id="test">这是一段文本</div>//jquery代码
var value = $("#test").text(); //获取文本值

上面是获取div标签中的文本值,使用text()方法即可。如果我们要获取图片的src属性值,可以使用attr()方法。

//html代码
<img id="img-test" src="test.jpg" />//jquery代码
var value = $("#img-test").attr("src"); //获取图片的src属性值

总之,我们要根据元素类型来选择合适的方法来获取其值。