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

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

怎么使用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)就是具有相同的核电荷数(即核内质子数)的一类原子的总称,从哲学角度解析,是原子的电子数目发生量变而导致质变的结果。

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

收藏代码,,ie ff都好用,,其他的嘿嘿没试过

var cursorPosition = {

    get: function (textarea) {

        var rangeData = {text: "", start: 0, end: 0 };

     

        if (textareasetSelectionRange) { // W3C   

            textareafocus();

            rangeDatastart= textareaselectionStart;

            rangeDataend = textareaselectionEnd;

            rangeDatatext = (rangeDatastart != rangeDataend)  textareavaluesubstring(rangeDatastart, rangeDataend): "";

        } else if (documentselection) { // IE

            textareafocus();

            var i,

                oS = documentselectioncreateRange(),

                oR = documentbodycreateTextRange();

            oRmoveToElementText(textarea);

             

            rangeDatatext = oStext;

            rangeDatabookmark = oSgetBookmark();

             

            for (i = 0; oRcompareEndPoints('StartToStart', oS) < 0 && oSmoveStart("character", -1) !== 0; i ++) {

 

                if (textareavaluecharAt(i) == '\r' ) {

                    i ++;

                }

            }

            rangeDatastart = i;

            rangeDataend = rangeDatatextlength + rangeDatastart;

        }

         

        return rangeData;

    },

     

    set: function (textarea, rangeData) {

        var oR, start, end;

        if(!rangeData) {

            alert("You must get cursor position first")

        }

        textareafocus();

        if (textareasetSelectionRange) { // W3C

            textareasetSelectionRange(rangeDatastart, rangeDataend);

        } else if (textareacreateTextRange) { // IE

            oR = textareacreateTextRange();

            if(textareavaluelength === rangeDatastart) {

                oRcollapse(false);

                oRselect();

            } else {

                oRmoveToBookmark(rangeDatabookmark);

                oRselect();

            }

        }

    },

 

    add: function (textarea, rangeData, text) {

        var oValue, nValue, oR, sR, nStart, nEnd, st;

        thisset(textarea, rangeData);

         

        if (textareasetSelectionRange) { // W3C

            oValue = textareavalue;

            nValue = oValuesubstring(0, rangeDatastart) + text + oValuesubstring(rangeDataend);

            nStart = nEnd = rangeDatastart + textlength;

            st = textareascrollTop;

            textareavalue = nValue;

            if(textareascrollTop != st) {

                textareascrollTop = st;

            }

            textareasetSelectionRange(nStart, nEnd);

        } else if (textareacreateTextRange) { // IE

            sR = documentselectioncreateRange();

            sRtext = text;

            sRsetEndPoint('StartToEnd', sR);

            sRselect();

        }

    }

}

$('#id')mouseup(function () {

    var pos = cursorPositionget($(this)[0]);

    alert(!postext'':postext);

});

$('td')text();

首先使用jquery选择器选择所有的td标签,使用jquery的text()方法可以获取td中的文字内容。

text():得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。

以上就是关于怎么使用jquery获得标签的值或元素的内容全部的内容,包括:怎么使用jquery获得标签的值或元素的内容、jquery如何获取选择的文本、Jquery如何获取<td></td>中的文字等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9318219.html

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

发表评论

登录后才能评论

评论列表(0条)

保存