jquery怎么获取html文件的某个标签的值

jquery怎么获取html文件的某个标签的值,第1张

jquery获取html文件的某个标签的值可以先用选择器,再调用val方法:

1、html代码如下:

<div id ="sa">

<div class="something">Hello world</div>

<div class="formdiv">

<form name="inpForm">

<input type="text" name="FirstName" />

<input type="submit" value="Submit" />

</form>

</div>

</div>

2、用jquery选择器获取标签的值:

var text = $('#sa')find('input[name="FirstName"]')val();

3、获取到FirstName的值:

zhangsan

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样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("input:buttonbtn1")click(function() {

alert($("label#userid")text());

});

$("input:buttonbtn2")click(function() {

alert($("label#userid")html());

});

})

观察效果

使用text()方法获取标签内的内容

使用html()方法会获取到标签内的元素(包含Html标记)

推荐使用querylist

<php

header("Content-type:text/html;charset=utf-8");

require 'QueryList/QueryListclassphp';

$url = "要抓取的网站";

$reg = array(

    "title" => array("a","text"),

    "src" => array("a","href"),

);

//$rang = "[id^=post-]";

$hj = QueryList::Query($url,$reg);

print_r($hj->jsonArr);

只提取rufus,jenny?不行吧。没有规律啊。是把所有的标签内内容提取了吧。

如果是提取标签内的话这么写:

        Pattern pattern = Patterncompile(">([^<]+)<");

       

 Matcher macher = 

patternmatcher("<p><strong><br>Rufus</strong><br>Dan,

 Jenny! Over here! 

</p><p><strong>Jenny</strong><br>Hey, dad!

 </p><p><strong>Rufus</strong><br>Hey, 

hey! You made it Welcome back! How was your weekend How was your mom 

</p>");

        

        while (macherfind())

        {

            Systemoutprintln(machergroup(1));

        }

打印结果:

Rufus

Dan, Jenny! Over here! 

Jenny

Hey, dad! 

Rufus

Hey, hey! You made it Welcome back! How was your weekend How was your mom

麻烦采纳我的答案吧,(^__^) 嘻嘻……

正则:/<[^>]>|/g

结果:"111!  !!123↵!222↵123↵ "

正则:/(<=>)(|\s) (=</\w+[^<] >)/g

结果:["111!  !!123", "↵", "!222", "↵", "123", "↵", " "]

结果:[">111!  !!123", ">↵", ">!222", ">↵", ">123", ">↵", "> "]

问题:都会带一个>号,map循环slice下就好了

以上就是关于jquery怎么获取html文件的某个标签的值全部的内容,包括:jquery怎么获取html文件的某个标签的值、jquery怎么获取lable标签里面的内容、php用正则获取html标签内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9513321.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存