Question

在提取标签的所有内部HTML时遇到一些问题，包括直接子项以及间接子项，即父div的子项的其他一些标签的内部HTML。

例如，给出以下HTML，

w.init(mode=WLAN.STA, ssid='PE9000', auth=(WLAN.WPA, 'xxxx'))

我想将以下字符串精确地提取出来：

<div class = "ace_text">
    <div class = "ace_line">
        <span class = "ace-keyword"> rule_1 </span>
        some_sample_rule_1
    </div>
    <div class = "ace_line">
        <span class = "ace-keyword"> rule_2 </span>
        some_sample_rule_2
    </div>
    <div class = "ace_line">
        <span class = "ace-keyword"> rule_3 </span>
        some_sample_rule_3
    </div>
</div>

Answer 1

你没有告诉我们你尝试了什么以及它失败的原因，但它应该像这样简单：

更新：如果通过“完全以下”也意味着额外的空格和换行符，我在第二个控制台日志中添加了一个正则表达式替换。

console.log($('.ace_text').text());

console.log($('.ace_text').text().replace(/(^\s+)/mg, ''));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "ace_text">
    <div class = "ace_line">
        <span class = "ace-keyword"> rule_1 </span>
        some_sample_rule_1
    </div>
    <div class = "ace_line">
        <span class = "ace-keyword"> rule_2 </span>
        some_sample_rule_2
    </div>
    <div class = "ace_line">
        <span class = "ace-keyword"> rule_3 </span>
        some_sample_rule_3
    </div>
</div>

Answer 2

如果您想获取标签内的文字，请使用：

$('.ace-keyword').text();

如果您想获取所有HTML，请使用：

$('.ace_line').html();

文档：

文字：http://api.jquery.com/text/
Html：http://api.jquery.com/html/

提取子标签的内部html

2 个答案: