關於li標籤的value屬性值的獲取問題

2022-08-24 13:12:14 字數 1718 閱讀 3030

在前幾天的開發過程中,遇到了這樣乙個問題。

在li標籤中嵌入了乙個value屬性,如這樣滴:

123

然後通過jq的val()來打算獲取每個li的value值

var ts1 = $('#ts1').val();

var ts2 = $('#ts2').val();

var ts3 = $('#ts3').val();

console.log(ts1);

console.log('------------ ts1 ----------------')

console.log(ts2);

console.log('------------ ts2 ----------------')

console.log(ts3);

console.log('------------ ts3 ----------------')

然後會驚訝的發現。。。。。

我們得到的並不是我們想要的 0001、1111、dasdsadadad111,而是這樣的

這個和我們想要的區別太大了啊,發生了什麼。。。。。。。

然後。。。。。。開啟li便簽的屬性

懂了吧~~

使用val獲取值的時候會強制的自動裝換為number型別

但是又想獲取我們給予value的值我們該怎麼辦

var ts1 = $('#ts1').val();

var ts2 = $('#ts2').val();

var ts3 = $('#ts3').val();

var ts11 = $('#ts1').attr("value");

var ts21 = $('#ts2').attr("value");

var ts31 = $('#ts3').attr("value");

console.log(ts1);

console.log('------------ ts1 ----------------')

console.log(ts2);

console.log('------------ ts2 ----------------')

console.log(ts3);

console.log('------------ ts3 ----------------')

console.log(ts11);

console.log('------------ ts11 ----------------')

console.log(ts21);

console.log('------------ ts21 ----------------')

console.log(ts31);

console.log('------------ ts31 ----------------')

使用這個我們可以得到如下:

嗯,說完了,搞定、收工!!

HTML 標籤的 value 屬性注意事項

size large b html 標籤 定義和用法 b size option 元素定義下拉列表中的乙個選項 乙個條目 瀏覽器將 標籤中的內容作為 標籤的選單或是滾動列表中的乙個元素顯示。option 元素位於 select 元素內部。例項建立帶有 4 個選項的選擇列表 volvo xc90 sa...

標籤不能正確輸出value中的值

問題 我打算在jsp中輸出request中的值,它的key為username,但是輸出是 emmm.原樣給我輸出了,說好的值呢?首先我檢查一下是不是語法問題 例如 括號或者引號缺失,空格忘了寫了,然而一切正常。原因找到了 是我的jsp servlet版本的問題 你可以在你的web.xml中檢視你的s...

div內li標籤間距 li標籤的間距問題及編碼方式

新建乙個簡單的html測試檔案,下面來測試ul li標籤 example source code 測試一,定義css為如下 效果如下 example source code body ulul li ul li a 發現在ie5和ie5.5下左邊都產生了空白,並且在ie5下,li之間的行距產生空白,...