jQuery或者js如何获得div后面的标签或标签内容

可以使用next()

取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。

html代码如下

<p>Hello</p><p>Hello

Again</p><div><span>And

Again</span></div>

Jquery获取

$("p")next()

结果获取标签

<p>Hello

Again</p>,

<div><span>And

Again</span></div>

获取标签内容

$("p")next("eq:(0)")html()

//Hello

Again

jquery提供了三个获得内容的方法有 text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid")text(); // 首选。

获取label的文本$("label#userid")html(); // 也可以实现。

获取label标签内的所有html标记，一般情况改下labe。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口，具有高效灵活的css选择器，并且可对CSS选择器进行扩展，拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

outerHTML：元素内所有的html和文本内容，包含引用该方法元素自身的标签．

HTML：

<div id="test">

    <p style="text-align: center;">

        Hello Baidu

    </p>

</div>

javascript-jquery:

$("#test")prop("outerHTML");

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时，则返回第一个匹配元素的值。

当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。

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或者js如何获得div后面的标签或标签内容全部的内容，包括:jQuery或者js如何获得div后面的标签或标签内容、怎么用jquery获取<P>文本的内容</p>中的文字信息、怎样用jQuery自带方法/函数来获取outerHTML属性等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！