jquery提供了三個(gè)獲得內(nèi)容的方法: text()、html() 以及 val(),其中前兩個(gè)可用于解決本問題:
創(chuàng)新互聯(lián)2013年開創(chuàng)至今,先為資溪等服務(wù)建站,資溪等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為資溪企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
$("label#userid").text(); // 首選,獲取label的文本
$("label#userid").html(); // 也可以實(shí)現(xiàn),獲取label標(biāo)簽內(nèi)的所有html標(biāo)記,一般情況改下label標(biāo)簽內(nèi)就是文本,所以等效上面的方法
下面給出實(shí)例演示:分別使用以上兩種方法獲取label標(biāo)簽的內(nèi)容,注意最終結(jié)果的區(qū)別
創(chuàng)建Html元素
div class="box"
span點(diǎn)擊按鈕獲取label中內(nèi)容:/span
div class="content"
label id="userid"輸入用戶名/labelinput type="text"
/div
input type="button" value="獲取label中的內(nèi)容"
/div
設(shè)置css樣式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
h3{display:inline-block;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
編寫jquery代碼
$(function(){
$("input:button.btn1").click(function() {
alert($("label#userid").text());
});
$("input:button.btn2").click(function() {
alert($("label#userid").html());
});
})
jquery中parent()可以獲取父級(jí)元素,所以獲得某元素父級(jí)的父級(jí)可以使用
1
$(selector).parent().parent();
示例如下
創(chuàng)建Html代碼及css樣式
1
2
3
4
5
6
7
8
9
div class="class1"
class1
div class="class2"
class2
div class="class3"
class3
/div
/div
/div
1
2
div{padding:10px 20px;border:4px solid #ebcbbe;}
div.class1{width:200px;height:120px;}
編寫jquery代碼
1
2
3
4
5
6
$(function(){
$("div.class3").click(function() {
obj = $(this).parent().parent();
alert(obj.prop('class'));
});
})
查看效果
你好,如下圖:
祝愉快!
變量賦值
變量賦值的格式:
變量名=值?
訪問變量值
要取用一個(gè)變量的值,只需在變量名前面加一個(gè)$ 。
( ATTENTION: Don't keep blank between the variable with the equal operator '=' )
舉例:
#!/bin/bash
# 對(duì)變量賦值:
a="hello world"? #等號(hào)兩邊均不能有空格存在
# 打印變量a的值:
echo -e "A is: $a\n"
備注:
1). bash中變量賦值,等號(hào)兩邊均不能有空格存在;
使用自己喜歡的編輯器,輸入上述內(nèi)容,并保存為文件test_hello.bsh,然后執(zhí)行 chmod +x test_hello.bsh使其具有執(zhí)行權(quán)限,最后輸入 ./test_hello或bash test_hello.bsh執(zhí)行該腳本。
參考資料
編程之給變量賦值的五種方法.個(gè)人圖書館[引用時(shí)間2018-1-5]
直接獲取label對(duì)應(yīng)的input對(duì)象就行,因?yàn)閘abel會(huì)觸發(fā)其對(duì)應(yīng)的input對(duì)象,觸發(fā)形式有兩種,你這里用label將input對(duì)象包裹起來的寫法是隱式觸發(fā),另一種顯示觸發(fā)是為label加上for屬性,屬性值指向input對(duì)象的id,無論采取哪種方法,label標(biāo)簽的點(diǎn)擊事件都會(huì)傳遞到input對(duì)象上,所以這里可以這樣獲?。?/p>
//?點(diǎn)擊觸發(fā),獲取當(dāng)前點(diǎn)擊那個(gè)值就行
$('.btn-group.btn-overlap.btn-corner').find(':radio').click(function()?{
console.log($(this).val());????
})
//?直接獲取,獲取哪個(gè)選中
var?rdoValue?=?$('.btn-group.btn-overlap.btn-corner').find(':radio:checked').val();
console.log(rdoValue);