为了账号安全,请及时绑定邮箱和手机立即绑定

关于 .html()和.text()

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>:selected选中状态选择器</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <h3>获取处于选中状态元素的内容</h3>
        <form id="frmTest" action="#">
        <select id="Select1" multiple="multiple">
            <option value="0">苹果</option>
            <option value="1" selected="selected">桔子</option>
            <option value="2">荔枝</option>
            <option value="3" selected="selected">葡萄</option>
            <option value="4">香蕉</option>
        </select><br /><br />
        <div id="tip"></div>
        </form>
        
        <script type="text/javascript">
            var $content=$("#frmTest :selected").html();
            $("#tip").html("选中的内容:"+$content);
        </script>
    </body>
</html>

代码第二十三行是var $content=$("#frmTest :selected").html();

此时结果显示的是【选中的内容:桔子】葡萄没有显示出来

可是如果改成var $content=$("#frmTest :selected").text();

那么结果就是【选中的内容:桔子葡萄】

这是为什么呢

正在回答

1 回答

html():取得第一个匹配元素的html内容,text():取得所有匹配元素的内容。

2 回复 有任何疑惑可以回复我~
#1

菜呆米子 提问者

非常感谢!
2016-05-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

关于 .html()和.text()

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信