Jquery中如何获取$this的下一个值

Jquery中如何获取$this的下一个值,第1张

90那个<td>肯定有个click事件吧,获取$this按事件的绑定方式就有两种了

第一种:

直接在td上<td onclick="test(this)">9000</td>

function test(obj){

var nextTd = $(obj)next()text();

$(obj)text(nextTd); //将90变成5

}

第二种:

以Jquery的方式,$("xxx")是指取到第一个<td>,$(this)就代表第一个<td>

$("xxx")click(function(){

var nextTd = $(this)next()text();

$(this)text(nextTd); //将90变成5

})

jquery获取当前节点的前一个节点步骤如下:

1、打开html开发工具,新建一个html代码页面。

2、在html页面创建三个p标签,然后给这三个p标签设置不同的内容。

3、引入jquery库。在title标签后面引用下载好的jqueryjs文件。

4、 在jquery引用库标签后面新建一个script标签,然后在这个标签里面添加一个DOM加载完成后执行函数。

5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。

6、保存html代码后使用浏览器打开,然后点击p标签d出框就会显示当前点击标签的上一个标签的内容。

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

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

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

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

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

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

根据你提供的 onmouseover="foodMouseOver(this)" 判断你在 Javascript 中应该有这样一个函数

function foodMouseOver(ele) {}

注意这个函数如果写在 jQuery 外面,那么在函数内你就无法使用 $ (jQuery)。

如果写在 jQuery 里面,你需要写成 windowfoodMouseOver = function(ele) {};

完整代码:

$(function() {

// 这里的参数 ele 就是传过来的 this

windowfoodMouseOver = function(ele) {

// 变量 foodinfo 就是你要获取的 divfoodInfo

var foodinfo = $(ele)find("foodInfo");

// 显示 foodInfo

foodinfoshow();

};

});

--------------------------------

给你一点建议,尽量分离 HTML,CSS,和 Javascript。也就是尽量避免使用

----- 内联样式:<div style="width: 200px;">

----- 内联脚本:<a onclick="doSomething();">

你的例子中可以把 onmouseover="foodMouseOver(this)" 去掉,在 jQuery 中直接写为

$("food")on("mouseover", function() {

$(this)find("foodInfo")show();

});

以上就是关于Jquery中如何获取$this的下一个值全部的内容,包括:Jquery中如何获取$this的下一个值、jquery怎么获取当前节点的前一个节点、jquery如何获取当前元的子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存