如何用jquery抓取tbody下的第一个tr的最后一个td里面的第一个a标签

如何用jquery抓取tbody下的第一个tr的最后一个td里面的第一个a标签,第1张

使用jquery提供的两个选择器实现:

:first 选择器选取第一个元素

:last 选择器选取最后一个元素。

因此,抓取tbody下的第一个tr的最后一个td里面的第一个a标签可以使用如下代码:

$("table tr:first td:last a:first");

实例演示:隐藏tbody下的第一个tr的最后一个td里面的第一个a标签

创建Html元素

<div class="box">

<span>点击按钮隐藏第一个a标签:</span><br>

<div class="content">

<table>

<tbody>

<tr><td>打酱油</td><td>打酱油</td><td><a>第1个a标签</a><a>第2个a标签</a><a>第3个a标签</a></td></tr>

<tr><td>打酱油</td><td>打酱油</td><td>第1个a标签</a><a>第2个a标签</a><a>第3个a标签</td></tr>

<tr><td>打酱油</td><td>打酱油</td><td>打酱油</td></tr>

</tbody>

</table>

</div>

<input type="button" value="隐藏第一个a标签">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

table{border-collapse:collapse;}

td{height:30px;line-height:30px;padding:5px; text-align:center;border:1px solid green;}

编写jquery代码

$(function(){

$(":button")click(function() {

$("table tr:first td:last a:first")hide();

});

})

观察效果

初始样式

点击按钮隐藏第一行最后一列第一个a标签

age = soupfind(attrs={"class":"age"}) #你这里find只要一个attrs参数不会报错。

if age == None: #简单点可以用 if not age:

print u'没有找到'

else:

soupfind(attrs={"class":"name"})

#否则用findAll找出所有具有这个class的tr

tr = htmlfind("tr", attrs={"class":"show_name"})

tds = trfindAll("td")

for td in tds:

print tdstring # 或许不是string属性,你可以用dir(td)看看有哪些可用的。

扩展资料:

1、如果是函数定义中参数前的表示的是将调用时的多个参数放入元组中,则表示将调用函数时的关键字参数放入一个字典中。

1)如定义以下函数:

def func(args):print(args)

当用func(1,2,3)调用函数时,参数args就是元组(1,2,3)

2)如定义以下函数:

def func(args):print(args)

当用func(a=1,b=2)调用函数时,参数args将会是字典{'a':1,'b':2}

学python的同时一定会接触到其他技术,毕竟光会python这门语言是不够的,要看用它来做什么。比如说用 python做爬虫,就必须接触到html, >

python是现在最火的数据分析工具语言python的进阶的路线是数据清洗,爬虫,数据容器,之后是卷积,线性分析,和机器学习,区块连,金融方面的量化等高端进阶。

没有按照JS语言规范来写当然会报错。

documentgetElementById("") 里边就不要用 +拼接符了,而且后边不是document,而是直接一个点就可以了。

for 循环也有问题。

不要用O=0;这样难以区分,养成好的习惯

var sstab = documentgetElementById('yearr')getElementsByClassName("stab");

for(var i=0;i<sstablength;i++) {

var rowss = sstab[i]rows; //rows 十个什么鬼

for (var k = 0; k < rowsslength; k++){

// for 循环是标准的 for(){} 括号加大括号 你这又少个大括号是什么意思。

}

{

看来你基础还很薄弱,继续加油吧,帮你看 也是在提升自己。

还有养成

consolelog() ,还有 alealert () 检查代码的习惯,因为你写了一大串然后看报错了找死你,都不知道哪里错了,浪费时间

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,使用h1标签创建一个标题,同时设置h1标签的class属性为myh,下面将使用jquery方法判断该class是否存在。

3、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“判断class”。

4、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getclass()函数。

5、在js标签中,创建getclass()函数,在函数内,使用标签名称(h1)获得元素对象,通过hasClass()方法来判断myh类名是否存在,并把结果返回res变量中。

6、在getclass()函数内,使用if语句对上一步的res变量进行判断,如果为true,即存在myh类名,则提示“h1标签有类名myh”,否则,提示“h1标签没有myh”。

7、在浏览器打开testhtml文件,点击按钮,查看实现的效果。

consolelog(datas[i]attr('data-index'))

改为

consolelog($(datas[i])attr('data-index'))

consolelog(datas[i]getAttribute('data-index'))

consolelog(datas[i]datasetindex)

consolelog($(datas[i])data('index'))

建议使用最后一种

在a标签上写个class,用jq写的

$("a标签的class")click(function(){

var text = $(this)parent("td")siblings("td")text();

alert(text)

})

$('a')click(function(){

var self=$(this);

var txt=selfparent()parent()children('td')eq(0)html();

alert('数据:'+txt);

});

有两种方法可以获取tr下的第二个td元素:

1、使用css选择器,$("tr td:nth-child(2)")。

2、使用遍历函数eq()。

下面就以上两个方法进行实例演示:单击按钮改变所有行的第二个单元格的样式,单击任意行改变该行第二个单元格的样式。

1、HTML结构

<table id = "test">

    <tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>

    <tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>

    <tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>

    <tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>

</table>

<input type="button" id="btn" value="设置">

2、jquery代码

$(function(){

    $("#btn")click(function() {

        $("#test tr td:nth-child(2)")addClass('red');

    });

    $("#test tr")click(function() {

        $(this)children('td')eq(1)addClass('red');

    });

});

以上就是关于如何用jquery抓取tbody下的第一个tr的最后一个td里面的第一个a标签全部的内容,包括:如何用jquery抓取tbody下的第一个tr的最后一个td里面的第一个a标签、Python beautifulsoup 获取标签中的值 怎么获取、想要通过js获取ID父元素下class的值,该怎么写,等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存