html - 如何用javascript 提取指定表格的内容-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html - 如何用javascript 提取指定表格的内容

迷茫 2017-04-10 14:28:11

[JavaScript讨论组]

722

假设有代码如下

<li class="cc-list-item" tabindex="-1">
    <p class="cc-cbox-filter">
        <label for="cc-cbox-filter268">输入名称/拼音首字母
            <i style="display:none;">当前第1级类目，回车选择类目/属性</i>
        </label>
    </p>
</li>

如何利用javascript提取其中具体的p或label中的内容，让其在网页中显示

迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回复(2)

黄舟2017-04-10 14:30:11 2楼

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js"></script>
</head>
<body>
<li class="cc-list-item" tabindex="-1">
    <p class="cc-cbox-filter">
        <label for="cc-cbox-filter268">输入名称/拼音首字母
            <i style="display:none;">当前第1级类目，回车选择类目/属性</i>
        </label>
    </p>
</li>
</body>
<script>
$(function(){
    //提取p中内容
    var p_conten = $('p').html();
    console.log('p_conten:' + p_conten);

    //提取lable中内容
    var lab_content = $('lable').html();
    console.log('lab_content:' + lab_content);
});
</script>
</html>