用jQuery怎么获取div下第一个或最后一个a标签的内容

提供两种方法获取div下第一个或最后一个a标签的内容：

使用选择器 first-child 和 last-child

使用遍历方法 first() 和last()

实例演示如下:

1、HTML结构

<div id="test">

<a href="#">第1个超链接</a>

<a href="#">第2个超链接</a>

<a href="#">第3个超链接</a>

<a href="#">第4个超链接</a>

</div>

<input type="button" id="btn1" value="第一个超链接">

<input type="button" id="btn2" value="最后一个超链接">

2、jquery代码

$(function(){

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

var str = $("#test a:first-child")text();

alert(str);

});

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

var str = $("#test a")last()text();

alert(str);

});

});

3、效果演示

$("dd a")click(function(){

var aData = $(this)attr('data')

});

JQ 有两个可以获取标签属性的方法: attr() 和 prop(), 两者虽然都是可以获取标签属性的值, 但是

attr是获取自定义属性的值; 而prop是获取标签自带的属性值, 比如href等等

JQ的attr和prop方法都不止能够获取标签属性的值, 还可以重新给标签的属性赋值:

$()attr('属性名', 需赋的值);

$()prop('属性名', 需赋的值);

PS: 以后如果再提问的话 可以注意下代码的格式 也方便别人浏览理解代码 虽然你这个很简单很简单 但是 格式很重要 以后跟别人合作 代码格式更重要

1、addClass()，为元素标签添加class。

2、如图所示代码实现方式，addClass()，为元素标签添加多个class也可以的。

3、removeClass()，可以删除元素标签的class。

4、removeClass()，也可以删除元素标签的多个class。

5、toggleClass()，如果没有相关class，则添加，如果有，则删除。

6、css()，可以设置元素标签的属性。

7、css()，也可以返回元素标签的属性。

在动态加标签的时候给标签加上 name 属性。例如：

<div id="mydiv">

<input name="cardNo" value="1">

<input name="cardNo" value="2">

</div>

取值时用each循环：

$("#mydiv")find("input[name='cardNo']")each(function()

{

var value=$(this)val();//循环取值

});

1、查找子元素方式1：>\x0d\例如：var aNods = $("ul > a");查找ul下的所有a标签\x0d\2、查找子元素方式2：children()\x0d\3、查找子元素方式3：find()\x0d\\x0d\通过下标获取第n个子标签的ID值\x0d\\x0d\1var num1=$("ul > a:eq(0)")attr("ID");\x0d\2var num2=$("ul")children("a:eq(0)")attr("ID");\x0d\3var num3=$("ul")find("a:eq(0)")attr("ID");

  <div class="b">

    <a href="" data="1">1</a>

    <a href="" data="2">2</a>

    <a href="" data="3">3</a>

    <a href="" data="4">4</a>

    <a href="" data="5">5</a>

  </div>$("b")click(function(e) {

   var id = $(etarget)attr("data");

    alert(id)

  })

jQuery 获取 div 之间的内容，有两种方法，$(selector)text()、$(selector)html() 。

html：

<div>

<p>test</p>

</div>

$("div")text() 得到的是 test，是 div 的纯文本，会自动忽略 html 标签 。

$("div")html() 得到的是 <p>test</p>，是 div 的所有内容，包括 html 标签，它有个好处是可以将 得到的标签与文字 直接再利用，比如添加到页面其他地方之类的 *** 作 。

以上就是关于用jQuery怎么获取div下第一个或最后一个a标签的内容全部的内容，包括:用jQuery怎么获取div下第一个或最后一个a标签的内容、jquery获取当前点击的a标签的自定义属性、jquery中如何获取class下面的某个子标签等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！