jquery如何获取<div><div>之间的内容_框架

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

html：

<div>

</div>

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

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

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，编写基础代码。

2、在indexhtml中的<script>标签，输入js代码：

var el = windowdocumentbody;

windowdocumentbodyonmouseover = function(event) {

el = eventtarget;

$('body')append('<br/>当前鼠标在' + $(el)html() + '元素上');

}

3、浏览器运行indexhtml页面，此时鼠标移动到123上，会打印出光标在123元素上。

原因很不好判定，这种方式定位出现错误的原因挺多的，要考虑css和html的具体写法，有时候某些不标准的写法会造成jQuery的定位数据不准确。

建议换个方式，例如每个<tr>中第一列放置一个<th></th>，后面是<td>，然后你的红框放到<th>里面，这样计算量就小多了，而且显示的也快一点。

jquery代码如下：$("div")scrollTop()

scrollTop()方法介绍：

scrollTop()方法用于返回或设置匹配元素的滚动条的垂直位置。

小案例：

<!doctype html>

<head>

<title>获取滚动条离顶部的高度</title>

div{

width: 200px;

height: 200px;

overflow: scroll;

}

</style>

</head>

<body>

<div>

获取滚动条离顶部的高度<br />

</div>

$(document)ready(function(){

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

alert($("div")scrollTop());

});

</script>

<button class="btn">获得当前滚动条的偏移量</button>

</body>

</html>

案例截图：

<div id=e1>111

<div id=e2>2222

<div id=e3 onClick="alert($(this)parents()parents('div')attr('id'));">333

</div>

这样：

function test(obj){

//2个都行，你看看api

alert($(obj)parents()parents('div')attr('id'));

alert($(obj)parents('div')[1]id);

}

</script>

<body>

<div id=e1>111

<div id=e2>2222

<div id=e3 onClick="test(this);">333

</div>

如果你知道div的class : $("classname")attr("id") 获得id

如果你知道div的id :$("#id")attr("class")获得class

如果都不知道，就要循环所有的div自己去判断了

var divs=$(div);

for(var i=0;i<divslength;i++)

{

//你的判断

}

获得div有什么属性比如 data-id="a"

$("div[data-id='a']")attr("id")//获得id

$("div[data-id='a']")attr("class")//获得class

$("选择器")offset() //该方法返回当前选择元素的第一个元素左上角(包括边框)距离整个页面顶部和左边的距离,返回值为{left:x, top:y} 例:$("div")offset()top;得到该元素在距离页面顶部的距离

$("选择器")offsetParent() //该方法与offset返回值类型相同,只不过此方法返回的是该元素距离父元素的top和left

前置条件：

div作为盒子限制高度，并设置overflow:auto。在内容超溢出时会出现滚动条（默认Y轴）

实现滚动条滚动到指定位置有两种情况：无效果和有动画效果

(1)无效果--直接使用scrollTop方法

//100为高度，单位px

$('box')scrollTop(100)

(2)有效果--使用animate方法

//100为高度，单位px；300为时间，单位ms

$('box')animate({scrollTop:100},300)

以上就是关于jquery如何获取<div></div>之间的内容全部的内容，包括:jquery如何获取<div></div>之间的内容、jquery 或者js 怎么获取页面光标所在的元素、关于jquery获得元素绝对位置的问题，定位问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/9470771.html

jquery如何获取<div><div>之间的内容

发表评论

评论列表（0条）

jquery如何获取&lt;div&gt;&lt;div&gt;之间的内容

发表评论

评论列表（0条）

jquery如何获取<div><div>之间的内容