怎么使用jquery获得标签的值或元素的内容_安全

怎么使用jquery获得标签的值或元素的内容？

jquery提供了三个获得内容的方法， text()、html() 以及 val()，其中前两个可用于解决本问题，$("label#userid")text(); // 首选，获取label的文本，$("label#userid")html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下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>

2设置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;}

3编写jquery代码
$(function(){
$("input:buttonbtn1")click(function() {
alert($("label#userid")text());
});
$("input:buttonbtn2")click(function() {
alert($("label#userid")html());
});
})

化学元素(Chemical element)就是具有相同的核电荷数(即核内质子数)的一类原子的总称，从哲学角度解析，是原子的电子数目发生量变而导致质变的结果。

关于元素的学说，即把元素看成构成自然界中一切实在物体的最简单的组成部分的学说。早在远古就已经产生了，不过，在古代把元素看作是物质的一种具体形式的这种近代观念是不存在的。无论在我国古代的哲学中还是在印度或西方的古代哲学中，都把元素看作是抽象的、原始精神的一种表现形式，或是物质所具有的基本性质。

public class Test {
JFrame myframe = new JFrame();
JLabel label1 = new JLabel("label1");
JLabel label2 = new JLabel("label2");
JButton button1 = new JButton("确定");
JButton button2 = new JButton("取消");
public void init() {
myframesetSize(300, 200);
myframegetContentPane()setLayout(null);
myframesetTitle("java 小程序");
label1setBounds(20, 20, 120, 27);
label2setBounds(20, 40, 120, 27);
button1setBounds(20, 60, 60, 27);
button2setBounds(100, 60, 60, 27);
button1addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
label1setText("你点了确定");
}
});
button2addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
label2setText("你点了取消");
}
});
myframeadd(label1);
myframeadd(label2);
myframeadd(button1);
myframeadd(button2);
myframeshow();
}
public static void main(String[] args) {
new Test()init();
}

用jquery的一种解决方法：例子如下：
testhtml：（注意，这里任何html页面都可以用，我只是在这里面加了个div
<div id='gettag'></div>，用来显示信息。jqueryjs可以在jquery上下载到，改下名字就可以，地址：）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "">
<html xmlns="">
<head>
<meta >#简单来说 LabelEncoder 是对不连续的数字或者文本进行编号
from sklearnpreprocessing import LabelEncoder
le = LabelEncoder()
lefit([1,5,67,100])
letransform([1,1,100,67,5])
输出： array([0,0,3,2,1])
#OneHotEncoder 用于将表示分类的数据扩维：
from sklearnpreprocessing import OneHotEncoder
ohe = OneHotEncoder()
ohefit([[1],[2],[3],[4]])
ohetransform([2],[3],[1],[4])toarray()
输出：[ [0,1,0,0] , [0,0,1,0] , [1,0,0,0] ,[0,0,0,1] ]

用正则匹配即可

Option Explicit
Function GetSource$(Source$)                                                    '//正则匹配<td></td>
    Dim reg As Object
    Dim matchs As Object, match As Object
    Dim s As String, i As Integer
    Set reg = CreateObject("vbscriptregExp")
    regGlobal = True
    regIgnoreCase = True
    regMultiLine = True
    regPattern = "<label>()<\/label>"
    Set matchs = regExecute(Source)
    For Each match In matchs
        i = i + 1
        s = s & matchSubMatches(0) + vbCrLf
    Next
    GetSource = s
End Function
Function div$(Source$)                                                          '//正则匹配  <div></div>
    Dim reg As Object
    Dim matchs As Object, match As Object
    Dim s As String, i As Integer
    Set reg = CreateObject("vbscriptregExp")
    regGlobal = True
    regIgnoreCase = True
    regMultiLine = True
    regPattern = "<div>()<\/div>"
    Set matchs = regExecute(Source)
    For Each match In matchs
        i = i + 1
        s = s & matchSubMatches(0) + vbCrLf
    Next
    div = s
End Function
Private Sub Command1_Click()
    MsgBox "div标签获取" + vbCrLf + GetSource$(Text1)
    MsgBox "label标签获取" + vbCrLf + GetSource$(Text1)
End Sub

一、问题阐述根据页面上h:selectOneMenu所选的选项，利用js和css来控制页面上另一组件的显示二、代码1页面代码<html<head<script type="text/javascript"function load(){var selectComp=documentgetElementById("selectComp");ifShowDiv(selectComp);}</script</head<body onload="load()"<h:selectOneMenu id="selectComp" value="#{backbeanifShow}" style="width:280px;" onchange="ifShowDiv(this);"<f:selectItem itemValue="show" itemLabel="show"/<f:selectItem itemValue="dont show" itemLabel="dont show"/</h:selectOneMenu<div id="info"show the info here</div</body</html2js代码方法一得到label值function ifShowDiv(obj){var selectedLabel=objoptions[objselectedIndex]text;if(selectedLabel=="show"){documentgetElementById("info")styledisplay='';}else{documentgetElementById("info")styledisplay='none';}}方法二得到value值function ifShowDiv(obj){var selectedbValue=objvalue;if(selectedbValue=="show"){documentgetElementById("info")styledisplay='';}else{documentgetElementById("info")styledisplay='none';}}三、注意1在select的value值不确定的情况下，方法一可以直接得到所选中的label值。

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

原文地址: http://outofmemory.cn/yw/13326277.html

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

发表评论

评论列表（0条）