如何解决

Question

我这里有这样的文字

<div class="listing-details" style="outline: 1px solid blue;">
    <meta itemprop="startDate" content="2016-04-11T18:30:00.000Z">
    <span class="keypoint" title="old" style="outline: 1px solid blue;">
        <span>2 - 3 years old</span></span>
    <span class="keypoint" title="Bathrooms" style="outline: 1px solid blue;">
        <span>1 Bathrooms</span></span>
    <span class="keypoint" title="floor" style="outline: 1px solid blue;">
        <span>1<sup>st</sup>floor</span></span>
</div>

我想从行中和2 - 3 years old之间提取一个单词所以我试过

TAG POS=1 TYPE=div ATTR=class:listing-details EXTRACT=HTM
SET txt1 {{!EXTRACT}}
SET a EVAL("var b='{{txt1}}';var c=b.split('<span>').pop().split('</span>').shift();c;")
PROMPT {{a}}

但是这给了我1stfloor的输出结果，来自本文1stfloor 我知道哪里出错了？

由于

DOMNICK。

Answer 1

我不熟悉iMacros，但我认为当你点击EVAL时，你要做的第一件事就是分配

'<meta ...><span class="keypoint" ...><span>2 - 3 years old</span></span><span class="keypoint" ...><span>1 Bathrooms</span></span><span class="keypoint" ...><span>1<sup>st</sup>floor</span></span>'

到b。在这种情况下，让我们来看看

b.split('<span>').pop().split('</span>').shift();

正在做。

<强> split('')

将字符串拆分为''的每个实例的数组。现在你正在

上运作

[
  '<meta ...><span class="keypoint" ...>',
  '2 - 3 years old</span></span><span class="keypoint" ...>',
  '1 Bathrooms</span></span><span class="keypoint" ...>',
  '1<sup>st</sup>floor</span></span>'
]

<强> pop()

删除数组的最后一个元素并返回它。现在你正在

上运作

'1<sup>st</sup>floor</span></span>'

你丢失了你关心的文字。

如何解决

由于您已经表明愿意对HTML执行字符串操作，因此您也可以使用正则表达式。您只需抓取第一个''和第一个之间的文字

即可

var c = b.match(/<span>(.*?)<\/span>/)[1];

b.match在b内搜索文字，然后根据需要匹配尽可能多的字符，然后才能找到。它返回一个包含两个元素的数组：正则表达式匹配的完整字符串，以及括号中的部分。你只关心括号中的部分，所以我们只使用数组中的那个元素。

关于HTML和正则表达式的强制性警告：

这不适用于一般情况和MAY SUMMON ZALGO

HTML过于复杂，无法在每种情况下都可靠地处理正则表达式。但是，如果您的HTML受到足够的限制，以至于您知道通过正则表达式发送的每个字符串将如何构建，那么您应该没问题。

Answer 2

如果您在浏览器环境中，那么您可以在纯JavaScript中执行此操作。

＆＃13;

let str="<div class=\"listing-details\" style=\"outline: 1px solid blue;\"><meta itemprop=\"startDate\" content=\"2016-04-11T18:30:00.000Z\"><span class=\"keypoint\" title=\"old\" style=\"outline: 1px solid blue;\"><span>2 - 3 years old</span></span><span class=\"keypoint\" title=\"Bathrooms\" style=\"outline: 1px solid blue;\"><span>1 Bathrooms</span></span><span class=\"keypoint\" title=\"floor\" style=\"outline: 1px solid blue;\"><span>1<sup>st</sup>floor</span></span></div>";

let myDiv=document.createElement('div');
myDiv.innerHTML=str;
let spans=myDiv.querySelectorAll('.keypoint>span');
let arr=[];
spans.forEach(span=>{arr.push(span.innerText)});
console.log(arr);

＆＃13;

在两个单词之间提取一个单词javascript

2 个答案:

如何解决