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

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

html：

<div>

<p>test</p>

</div>

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

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

<script type="text/javascript">

windowonload=function(){

//你必须给div设置id

var kk=documentgetElementById("在这填写div的id");

if(kkinnerHTML=="1"){

alert("div中的内容是1");

}else if(kkinnerHTML=="2"){

alert("div中的内容是2,我们可以把他设为其他值");

kkinnerHTML='<a href="#">我在里面放个链接</a>';

}

}

</script>

本文实例讲述了jquery通过load获取文件的内容并跳到锚点的方法。分享给大家供大家参考。具体分析如下：

昨天在做一个类似于帮助文档型的页面，左边是导航，右边显示的是内容。本来打算右边内容显示区域用iframe来实现，但由于要做iframe的适应高度所以就换了一种方法，使用jquery的ajax中的load方法。

获取远程文件中的内容很容易实现，直接使用jquery的load方法：

$("#content")load("xxxaspx")

这样很容易将xxxaspx文件中的内容放在id为content的标签中。现在还要实现的一个效果是：当我获取文件的内容后，要跳到相应的锚点，于是就想到使用jquery的scrollTop，例如我获取文件内容后，要调到id="name"的标签：

$("body,html")animate({scrollTop:$("#name")offset()top});

offset()就是获取匹配元素在当前视口的相对偏移，$("#name")offset()top就是获取ID为name的标签在当前视口距顶部的相对偏移。以上代码综合在一块需这样写：

$(function(){

$("#content")load("xxxaspx",function(){

$("body,html")animate({scrollTop:$("#name")offset()top});

});

})

为了避免点击导航不断的对服务器发送请求，我们可以将每次获取到的数据存储起来。

当然，这个方法只适合不考虑SEO优化的页面使用。

希望本文所述对大家的jQuery程序设计有所帮助。

jQuery提供了val() 和 text() 方法，分别用以设置（或获取）表单字段的值或文本元素的内容。下面实例演示将文本框的值显示为div的内容：

1、HTML结构

<input id="test1" type="text" value="示例文本"/>

<div id="test2"></div>

<input type="button" value="确定">

2、jQuery代码

$(function(){

$("input[type='button']")click(function() {

var str = $("#test1")val() || "test1文本为空";

$("#test2")html(str);

});

});

3、效果演示

jQuery 中使用 text() 或者 html() 函数可以获取td的内容：

$("td")text();   // 或者 $("td")html();

二者区别在于前者返回所选元素的文本内容，后者返回所选元素的内容（包括 HTML 标记）。

下面实例演示：点击按钮后获取所有选中行的td单元格的内容

1、HTML结构

<table id = "test">

    <tr><td><input type="checkbox" name="test"></td><td>1</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>4</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>7</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>10</td></tr>

</table>

<input type="button" value="确定">

2、jquery代码

$(function(){

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

        str = $(":checkbox:checked")map(function() {

            return $(this)parent()siblings('td')text();  // 根据checkbox定位到后面的td，然后使用text()函数获取内容

        })get()join(", ");   // 获取内容数组并拼接为字符串

        alert(str);   // 输出

    });

});

3、效果演示

$(this,"ipt")

改为

$("ipt",$(this))

或者

$(this)find("ipt")

即可

看来你对jq的选择器用法还是不够理解啊

以上就是关于jquery如何获取<div></div>之间的内容全部的内容，包括:jquery如何获取<div></div>之间的内容、JQuery获取div内的值，并根据值做出相应判断【十万火急】、jquery通过load获取文件的内容并跳到锚点的方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！