当前位置:首页>开发>正文

怎么使用jquery获得标签的值或元素的内容 jquery怎么获取get来的HTML元素

2023-04-20 12:42:49 互联网 未知 开发

 怎么使用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 方法:

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值
    获取:
    [html] view plain copy
  • $(function(){  
  • $("button").click(function(){  
  • alert($("#account").val())  
  • })  
  • })  
    设置:
    [html] view plain copy
  • $(function(){  
  • $("button").click(function(){  
  • $("div").text("新添加的div中的内容")  
  • })  
  • })  


    2.获取和设置属性attr()

    获取:


    [html] view plain copy
  • $(function(){  
  • $("button").click(function(){  
  • alert($("div").attr("class"))  
  • })  
  • })  
    设置:

    [html] view plain copy
  • $(function(){  
  • $("button").click(function(){  
  • $("div").attr("class","blue")  
  • })  
  • })

    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中
    }
    })
    亲测有效

  • 最新文章