
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如何获取当前元的子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)