jquery如何实现 class相同的div 通过点击 获取div下标

jquery如何实现 class相同的div 通过点击 获取div下标,第1张

<div class="foo">1111111</div>

<div class="foo">2222222</div>

<div class="foo">3333333</div>

<div class="foo">4444444</div>

$("divfoo")click(function(){

var t=$("divfoo")index(this);

alert(t);

});

首先$("#afui")返回的是jquery筛选出来的符合要求的对象数组,注意不管是否获取到对象返回的都是数组。没有符合要求的也会返回个[]。所以在获取真正对象的时候需要加get(0)

你这里对元素的赋值是采用js普通的方式,所以要获取其数组中真正对象后,才能访问到className这个属性

你也可以这样写$("#afui")attr("className","myclass");

这样它就把$("#afui")得到的所有符合要求的元素的className属性值都设为myclass。

数组Tds : 是一些jquery对象的集合

2   Td = Tdseq(i):当然就是其中的某个jquery对象;

3   Tds[i]:此时就是原始的dom对象;

4   Tds[i]className:调用原始dom对象的属性className;

5   Tdseq(i):返回的是jquery对象,当然没有原始dom属性className

Jquery 常用方法经典总结

1、关于页面元素的引用

通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),

 不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转换

 普通的dom对象一般可以通过$()转换成jquery对象。

 如:$(documentgetElementById("msg"))则为jquery对象,可以使用jquery的方法。

 $("#msg")html();

 $("#msg")[0]innerHTML;

 $("#msg")eq(0)[0]innerHTML;

 $("#msg")get(0)innerHTML;

3、获取jQuery集合的某一项

 获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,

 要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。

 $("div")eq(2)html(); //调用jquery对象的方法

 $("div")get(2)innerHTML; //调用dom的方法属性

jqLite in angularjs

angularelement("#element-id")

这是一个DOM *** 作。Angular不会帮助你获得DOM的某个属性。

你需要使用的是DOM选择器,不管是原生的也好或者像jQuery这样的库也好。

获取ID的目标地是为了 *** 作DOM, Angular的设计思想不是这样的, 你应该用directive代替

directive的link函数已经把作用域,元素,属性数组注入到link函数调用的参数当中了

link(scope,element,attrs)

关于directive的详细解释,请参考: 创建自定义"指令"

因为jq选择器返回的是一个类数组对象,而[0] 表示这个对象的第一个元素,其实就是获取到的js dom对象,在你这条代码里面就是id='goods_number_'+resultrec_id的html元素

你$('#ul1 li')eq(下标索引)after(内容)

不都这样插入么你要插第二位总得找到第一位才能知道第二位在哪啊

你是想像数组 *** 作那样直接splice(1,0,内容)么

分别使用javascript原生的方法和jquery方法

<select id="test" name="">

<option value="1">text1</option>

<option value="2">text2</option>

</select>

code:

一:javascript原生的方法

1:拿到select对象: var myselect=documentgetElementById("test");

2:拿到选中项的索引:var index=myselectselectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value: myselectoptions[index]value;

4:拿到选中项options的text: myselectoptions[index]text;

二:jquery方法(前提是已经加载了jquery库)

1:var options=$("#test option:selected"); //获取选中的项

2:alert(optionsval()); //拿到选中项的值

3:alert(optionstext()); //拿到选中项的文本

以上就是关于jquery如何实现 class相同的div 通过点击 获取div下标全部的内容,包括:jquery如何实现 class相同的div 通过点击 获取div下标、jquery中$("#afui").get(0)为什么要加get(0)呢、JQuery 中eq()和直接使用下标有何区别等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9689390.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存