怎么使用jquery获得标签的值或元素的内容 jquery怎么获取get来的HTML元素
怎么使用jquery获得标签的值或元素的内容
jquery提供了三个获得内容的方法: text()、html() 以及 val(),其中前两个可用于解决本问题:
$("label#userid").text()   // 首选,获取label的文本
$("label#userid").html()   // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法
下面给出实例演示:分别使用以上两种方法获取label标签的内容,注意最终结果的区别
创建Html元素
<div class="box">
<span>点击按钮获取label中内容:</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</div>
设置css样式
div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}
div.box span{color:#999font-style:italic}
div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}
h3{display:inline-block}
input[type=button]{height:30pxmargin:10pxpadding:5px 10px}
编写jquery代码
$(function(){
$("input:button.btn1").click(function() {
alert($("label#userid").text())
})
$("input:button.btn2").click(function() {
alert($("label#userid").html())
})
})
观察效果
使用text()方法获取标签内的内容
jquery怎么获取get来的HTML元素
function getOuterHtml(obj) { var box = $() for (var i = 0 i < obj.length i ) { box.append($(obj[i]).clone()) } return box.html() }
jquery如何获取html并加属性?
1.获取和设置内容
三个用于 DOM 操作的 jQuery 方法:
获取:
[html] view plain copy
设置:
[html] view plain copy
2.获取和设置属性attr()
获取:
[html] view plain copy
设置:
[html] view plain copy
Jquery 怎么获取动态生成的html元素,然后给其中的元素添加样式
$("#box").load("test.html")
$("input").css("background","blue") --此效果无效.
$("input").live("click",function(){ alert() }) --这个有效,但是需要点击一下input,但我需要的是改变input的样式.
jquery 文本编辑器插件中怎样获取html形式的内容,并怎样往里面追加内容?
基于jquery的文本编辑器有很多,不知道你用的哪一种
并且每种编辑器在不同的服务器环境下操作也不一样
我给你一个   CKEDITOR 在asp.net下的
CKEDITOR.instances.TxtContent.setData()//清空
CKEDITOR.instances.TxtContent.setData(html)//放入html源码其中 TxtContent 就是CKEDITOR编辑器的id
后面那个括号空的话 就是清空,或者是放入 html语句
CKEDITOR.instances.TxtContent.getData()这个是提取的语句,提取到的也是源码
你可以根据这个 先提取  在修改后写入,也可以实现你要的追加
JQuery/HTML 通过this参数获取其父级div的html内容
你好!!
使用jQuery么?
//jQuery的方式:function A(temp){
alert( $(temp).parent().html() )
}
//javascript方式
function A(temp){
alert( temp.parentNode.innerHTML )
}
jquery如何读取另一个html文件内容?
$.ajax({
type:"get",
url:"../page/companyDetail.html", //需要获取的页面内容
async:true,
success:function(data){
console.log(data)
$(.contentBox).html(data) //将获取到的内容放到当前页面的.contentBox中
}
})
亲测有效