怎么用JQ获得表格中的文本

怎么用JQ获得表格中的文本,第1张

可以使用each循环来实现:
$("#datalist1 tr")each(function(){ // 循环每一行
var one=$(this)find("td:eq(0)")find("input")val(); //取第一列中input的值
var two=$(this)find("td:eq(1)")find("input")val(); // 取第二列中input的值
var three=one+tow; // 两列值相加
$(this)find("td:eq(2)")find("input")val(three); // 赋值给第三列中的intput
})

1、纯JavaScript的写法:onclick的参数一般是从Dom元素中获取,比如获取input元素中的value值作为参数,在JavaScript中调用onclick的方法传参时都这么写:
<input type="text" id="input1" value="1111" onclick="getValue(thisvale)">  
然后我们定义一个getValue的方法即可:

function getValue(val){alert(val);}

另外一种不传参数<input type="text" id="input1" value="1111">  (注意没有onclick事件了)

documentgetElementById(input1)onclick = function(){ alert(thisvalue); }

第一种传参的方法是JavaScript函数,所以在Jquery本身就是JavaScript的函数类库,所以这种也是可以使用的,同时在该方法里面可以使用Jquery类库,比如:

function getValue(val){
    alert(val);
    $('#input1')css('background','red');//Jquery实现
    documentgetElementById('input1')stylebackground= 'red';//纯JavaScript实现
    
 }

第二种是给DOM元素添加点击事件,通过获取DOM元素的属性值达到第一种传参效果,Jquery一般都是使用这种方法。

2、Jquery的做法是不传参,而是给DOM元素添加点击事件,从而获取DOM的属性值,到达,纯JavaScript传参效果。所以Jquery的写法为<input type="text" id="input1" value="1111">:

$('#input1')click(function(){
    alert($(this)val());  
});

可以先给div标签设置id,然后给这个id绑定点击事件。

1、新建html文档,在body标签中添加一个div标签,为div标签设置一个id,这里以“demo”为例:

2、在head标签中引入jquery的js文件,这时可以使用cdn链接:

3、添加script标签,在script标签中绑定“demo”,然后使用click函数为div标签绑定点击事件:

一、基本选择器
选择器 描 述 返回 示例
#id 根据给定id匹配一个元素 单个元素 $("#test") 选取id为test的元素
class 根据给定类名匹配一个元素 集合元素 $("test") 选取class为test的元素
element 根据给定元素名匹配一个元素 集合元素 $("p") 选取p元素
selector1,selector2selectorN 将每一个选择器匹配到元素合成后一起返回 集合元素 $("div , span ,p , myClass")选取所在div span 和拥有class为myClass的标签的一组元素
匹配所有元素 集合元素 $("") 选取所在的元素
二、层次选择器
选择器 描 述 返回 示例
$("ancestor descendant") 选取ancestor元素里的所有descendant(后代)元素 集合元素 $("div span")选取div里面的所有span元素
$("parent > child") 选取parent元素下的child(子)元素。 集合元素 $("div > span")选取div元素下的元素名是span的子元素
$("prev + next") 选取紧接在prev元素后的next元素 集合元素 $(one + div)选取class为one的下一个div元素
$("prev~siblings") 选取 prev 元素之后的所有siblings元素 集合元素 $("#one~div")选取id为two的元素后面的所有div兄弟元素

不知道你的div/标签里有些什么属性,假如div的id属性为one
var i = 1;
var newDiv = $("#one")clone();
newDivattr("name","one_"+i);
newDivchildren()attr("name","one_"+i);
i++;

var obj = { one:1, two:2, three:3, four:4};
$each(obj, function(key, val) {
$("#num")append(obj[key]);
});

btntoggle(function(){
    // 停止上次的animate
    div1stop()slideDown();
},function(){
    div1stop()slideuP();
})

首先给第一个li默认类名如one,然后给这个one类加个背景颜色。
然后写jQ 取出所有的li,并给li写单击事件,鼠标点到哪个li就把其它li的one类名去掉,并把当时li添加上one类名。思路就是这样了。


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

原文地址: http://outofmemory.cn/yw/13358175.html

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

发表评论

登录后才能评论

评论列表(0条)

保存