在使用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屬性值
總之,我們要根據元素類型來選擇合適的方法來獲取其值。
上一篇css 字體自適應居中
下一篇css 字體樣式名稱