在使用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属性值
总之,我们要根据元素类型来选择合适的方法来获取其值。