重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jquery提供了三个获得内容的方法: text()、html() 以及 val(),其中前两个可用于解决本问题:
创新互联2013年开创至今,先为资溪等服务建站,资溪等地企业,进行企业商务咨询服务。为资溪企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
$("label#userid").text(); // 首选,获取label的文本
$("label#userid").html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法
下面给出实例演示:分别使用以上两种方法获取label标签的内容,注意最终结果的区别
创建Html元素
div class="box"
span点击按钮获取label中内容:/span
div class="content"
label id="userid"输入用户名/labelinput type="text"
/div
input type="button" value="获取label中的内容"
/div
设置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()可以获取父级元素,所以获得某元素父级的父级可以使用
1
$(selector).parent().parent();
示例如下
创建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'));
});
})
查看效果
你好,如下图:
祝愉快!
变量赋值
变量赋值的格式:
变量名=值
访问变量值
要取用一个变量的值,只需在变量名前面加一个$ 。
( ATTENTION: Don't keep blank between the variable with the equal operator '=' )
举例:
#!/bin/bash
# 对变量赋值:
a="hello world" #等号两边均不能有空格存在
# 打印变量a的值:
echo -e "A is: $a\n"
备注:
1). bash中变量赋值,等号两边均不能有空格存在;
使用自己喜欢的编辑器,输入上述内容,并保存为文件test_hello.bsh,然后执行 chmod +x test_hello.bsh使其具有执行权限,最后输入 ./test_hello或bash test_hello.bsh执行该脚本。
参考资料
编程之给变量赋值的五种方法.个人图书馆[引用时间2018-1-5]
直接获取label对应的input对象就行,因为label会触发其对应的input对象,触发形式有两种,你这里用label将input对象包裹起来的写法是隐式触发,另一种显示触发是为label加上for属性,属性值指向input对象的id,无论采取哪种方法,label标签的点击事件都会传递到input对象上,所以这里可以这样获取:
// 点击触发,获取当前点击那个值就行
$('.btn-group.btn-overlap.btn-corner').find(':radio').click(function() {
console.log($(this).val());
})
// 直接获取,获取哪个选中
var rdoValue = $('.btn-group.btn-overlap.btn-corner').find(':radio:checked').val();
console.log(rdoValue);