jQuery如何获取复选框选中项后的文字

jQuery如何获取复选框选中项后的文字,第1张

1、创建如下结构的测试文件-- Content,-- jquery-1113minjs,-- JquerySelecthtml。

2、获取下拉框选中值:使用val()。

3、获取下拉框选中文本:使用find("option:selected")text()。

4、获取下拉框选中项的索引:使用get(0)selectedIndex。

5、通过value值设置下拉框的选中项:使用val("value值")。

6、通过text值设置下拉框的选中项。

7、通过value值删除下拉框的一个选项。

8、通过text值删除下拉框的一个选项。

这个js里面的this是指向当前调用对象的意思

比如

$('div')testFn();// 1 这里调用它

$fntestFn = function(){

//2 这里执行的this指向的是jq对象,也就是this === $('div');

//因为这里面的testFn是$('div')这个对象调用的,所以里面的this就指向它

}

而在

$('div')each(function(){

//这里面的this是被jq修改过的,并不是指向$('div'),而是指向的具体的dom元素

//比如,页面中有10个div,我通过$('div')选择了10个div

//那么我这个each方法会执行10此,每次的this分别指向不同的div,而不是指向$('div')这样

//我这样说你能明白?

})

<script src=">

楼主代码如下,请参考

$(function(){

$("#9 td")each(function(n){

$(this)click(function(){

alert(n);

})

})

})

Jquery获取子元素的方法有2种,分别是children()方法和find()方法。

1children()方法:获取该元素下的直接子集元素

2find()方法:获取该元素下的所有子集元素

3children()方法获取ul下面直接子集元素li:$("ul")children("li")

4find()方法获取ul下所有元素li:$("ul")find("li")

5children和find的区别:children只会查找直接子集,而find会跨越层级查找,一直找到没有为止。

indexOf() 和 lastIndexOf() 是js的用法,与jquery是无关的,所有直接用原生js就可以了。

indexOf() 和 lastIndexOf() 方法返回的都是指定的子串在另一个字符串中的位置,如果没有找不到子串,则返回 -1。

这两个方法的不同之处在于,indexOf() 方法是从字符串的开头(位置 0)开始检索字符串,而 lastIndexOf() 方法则是从字符串的结尾开始检索子串。

strObjindexOf(subString[, startIndex]) 参 数 strObj 必选项。String 对象或文字,要在 String 对象中查找的子字符 串。 starIndex 可选项。该整数值指出在 String 对象内开始查找的索引。如果省略,则从字符串的开始处查找。

说明 indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串,则返回 -1。 如果 startindex 是负数,则 startindex 被当作零。如果它比最大的字符位置索引还大,则它被当作最大的可能索引。 从左向右执行查找。否则,该方法与 lastIndexOf 相同。

例子: [CODE_HTML] [/CODE_HTML] 最后得到的结果是-1,0,3

if(ssindexOf('winner')>-1)

strobjindexOf(substring[, startindex])

其中strobj是必选项。string 对象或文字

获取select选中的 value:

$("#ddlregtype ")val();//这样就OK了

获取select 选中的 text :$("#ddlregtype")find("option:selected")text();

获取select选中的索引:

$("#ddlregtype ")get(0)selectedindex;这三个对你以后应该有用的

jQuery 选择器中 :last 表示最后一个元素,所以表示含有某类属性的最后一个元素可用如下代码表示

$("test-class:last")  // 表示最后一个属于test-class类的元素

示例如下:

创建Html元素

<div class="top">

<ul>

<li>list-1</li>

<li class="selected">list-2</li>

<li class="selected">list-3</li>

<li>list-4</li>

<li class="selected">list-5</li>

</ul>

<span>红色列表项表示属于selected类,d出框显示了最后一个属于selected类的元素的内容</span>

</div>

设置css样式

divtop{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}

li{padding:5px;}

liselected{color:red;font-weight:bold;}

span{color:#999;}

编写jquery代码

$(function(){

$("ul")click(function() {

alert($("liselected:last")text());

});

})

观察显示效果

以上就是关于jQuery如何获取复选框选中项后的文字全部的内容,包括:jQuery如何获取复选框选中项后的文字、JQ插件中的this指向问题、[急]用js或者jq获取table指定行的位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9499694.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存