更多的是,有关于选择器的内容。
背景:查找某控件中所有的input元素,代码如下:
1 $("#div1").find("input").each(function () { 2 alert($(this).attr("value")); 3 });
上面的JQuery代码,是查找id为div1的div元素下所有的input元素,并弹出每个元素的value值。
再比如说,查找包含当前元素的父元素中所有的input元素,如存在一下html代码:
1 <div id="div1"> 2 <input type="button" value="点击我" id="btn1" onclick="fun1($(this))"/> 3 <button type="submit" id="btn2">点我</button> 4 <input type="button" value="点击我" id="btn3" onclick="fun3($(this))"/> 5 <a href="http://www.baidu.com">打开Test3</a> 6 <p id="p1"></p> 7 </div>
当点击btn3元素时,遍历div中所有的input元素,代码如下:
function fun3($obj) { $obj.parent().find("input").each(function () { alert($(this).attr("value")); }); }
注意,fun3方法中参数的传递。
再比如说,选择所有包含文本“点击”的p元素,代码如下:
1 $("p:contains(‘点击‘)").each(function () { 2 $(this).css("background-color", "red"); 3 });
如何获取某指定元素的数值,代码如下:
$("#txt1").val()
注意不是$("#txt1").val,应该是调用指定元素的val方法,获取当前元素的value值。
时间: 2024-10-10 02:45:30