jquery 怎么循环获取元素相对于自己父级元素的序号

jquery 怎么循环获取元素相对于自己父级元素的序号,第1张

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title>mainhtml</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-180minjs"></script>

<script type="text/javascript">

jQuery (function ($)

    {

    $ ('div')each (function (i, dom)

    {

    $ (this)find ('p')each (function (j, ele)

    {

    $ (this)text ((j + 1) + " " + $ (this)text ());

    });

    });

    });

</script>

</head>

<body>

<div>

<h4>标题标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

</div>

<div>

<h4>标题标题标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

</div>

 怎么样获取每个p标签相对于自己父级div的序号 就是想输出为

<div>

<h4>标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>

</div>

<div>

<h4>标题标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

</div>

<div>

<h4>标题标题标题标题标题</h4>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

<p>内容内容内容内容内容内容内容</p>

</div>

</body>

</html>

你好!!

<script type="text/javascript">

    $(document)ready(function(){

            $('inputorder_submit')click(function(){

                    //这个地方的结果是查找与order_submit之前的同级元素·

                    alert($(this)prev('input')val())

                    //可以这样修改·

                    alert($(this)parent()prev()find("input")val());

                    //或者直接使用类选择器就好了·

                    alert( $("order_txt")val() );

            })

    

    })

</script>

JavaScript:this是什么?

定义:this是包含它的函数作为方法被调用时所属的对象。

说明:这句话有点咬嘴,但一个多余的字也没有,定义非常准确,我们可以分3部分来理解它!

1、包含它的函数。2、作为方法被调用时。3、所属的对象。

看例子:

function to_green(){

thisstylecolor="green";

}

to_green();

上面函数中的this指的是谁?

分析:包含this的函数是,to_green

该函数作为方法被调用了

该函数所属的对象是。。?我们知道默认情况下,都是window对象。

OK,this就是指的window对象了,to_green中执行语句也就变为,windowstylecolor="green"

这让window很上火,因为它并没有style这么个属性,所以该语句也就没什么作用。

我们在改一下。

windowload=function(){

var example=documentgetElementById("example");

exampleonclick=to_green;

}

这时this又是什么呢?

我们知道通过赋值 *** 作,example对象的onclick得到to_green的方法,那么包含this的函数就是onclick喽,

那么this就是example引用的html对象喽。

this的环境可以随着函数被赋值给不同的对象而改变!

下面是完整的例子:

<script type="text/javascript">

function to_green(){

thisstylecolor="green";

}

function init_page(){

var example=documentgetElementById("example");

exampleonclick=to_green;

}

windowonload=init_page;

</script>

<a href="#" id="example">点击变绿</a>

this就是原生的js,获取当前对象。你这里$()方法不过把它构造成了jquery对象而已。

继承结构比较复杂多样,

简单来说就是把父类的实例赋给子类的原型。

介绍最经典的一种继承方式

寄生组合式继承:

//父类

function SuperType(name){

thisname = name;

thiscolors = ["red","blue"];

}

//父类原型添加方法

SuperTypeprototypesayName = function(){

alert(thisname);

}

//子类

function SubType(name,age){

Supercall(this,name);//这里等于说用call函数去偷父类的实例属性

thisage = age;

}

inheritPrototype(SubType,SuperType);

//这里注意,给子类的原型添加属性要在继承之后,一面被覆盖

SubTypeprototypesayAge = function(){

alert(thisage);

};

//下面这个函数的作用是将父类的实例拿给子类的原型

//,并且把子类丢给原型的构造函数

function inheritPrototype(subType,superType){

var prototype = object(superTypeprototype);//这个方法是拷贝一个父类的实例

prototypeconstructor = subType;

subTypeprototype = prototype;

}

//拷贝一个父类的原型作用是避免在子类的原型中创建多余的属性

function object(superPrototype){

function F(){};

Fprototype = superPrototype;

return new F();

}

PS:原生js没学好,框架不能精通的。

PS的PS:楼主给分

以上就是关于jquery 怎么循环获取元素相对于自己父级元素的序号全部的内容,包括:jquery 怎么循环获取元素相对于自己父级元素的序号、jquery获取前面元素的问题、javascript中的this到底指什么等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存