使用 jQuery 的单个 td 中的文本节点选择器

我从你的问题中了解到你想根据 HTML 中的某些关键字获取一些文本，这是一个实现！我已经编辑了我的答案以将内容存储在数组中而不是动态记录它们// the words you search for, note that in this solution they need to be ordered// just to avoid nested for loops that leads to larger time complexitylet searchKeywords = ["Name", "Phone", "Email", "Lead Submitted", "Comments", "Property Address 1"];            function getTextContent(keywords, htmlContent) {  // an array to store in the content  let arr = [];  // since there is a element before each span element that makes it  // easy to just get the html and split it into lines  htmlContent.split(" ").forEach(function(e) {    if(e.startsWith(` ${searchKeywords[arr.length]}`)) {      // if the current line starts with the current keyword then if it has an      // <a> tag then get the text of it, otherwise just slice the keyword name      arr.push((e.includes("<a") ? e.substring(e.indexOf(">") + 1, e.indexOf("</a>")) : e.slice(e.indexOf(":") + 1)).trim());    }  });  return arr;}let result = getTextContent(searchKeywords, document.querySelector("td").innerHTML);console.log(result);<table>  <tr>    <td align="left" style="font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans',Verdana,sans-serif;font-size:14px;color:#666;padding:24px">      Renter's Information      Name: Shelby       Phone: <a href="tel:(555)%25555-5555" style="color:#666;text-decoration:none" target="_blank">(555) 555-555</a>      Email: <a href="mailto:email@gmail.com" style="color:#666;text-decoration:none" target="_blank">email@gmail.com</a>      Lead Submitted: 9/13/2020 1:42:37 PM            Renter's Preferences      Beds/Baths:      Model:      Unit:            Move Date: 11/2/2020      Comments: Hi there! Just came across your listing online. I was wondering if you could send us some updated photos and financial information, as in if anything is included in cost, how much the house needs paid off & just some details so we can look to see if we want to check it out. Thank you!            Property Information      Link: <a href="https://www.apartments.com/" style="color:#77b800;text-decoration:none" target="_blank" data-saferedirecturl="https://www.google.com/url?hl=">https://www.apartments.com/</a>      To: <a href="#m_7_" style="color:#666;text-decoration:none">property</a>      Property Address 1: <a href="#m_7654125587635847623_" style="color:#666;text-decoration:none">property</a>      Property Address 2: <a href="#m_7654125587635847623_" style="color:#666;text-decoration:none"></a>      City: city      State: NY      Zip: 12345            Wishing you success in converting this True Lead™ to a lease!      The <a href="https://www.apartments.com/customers" style="color:#666;text-decoration:none" target="_blank" data-saferedirecturl="https://www.google.com/url?hl=en&q=https://www.apartments.com/customers&source=gmail&ust=1603510777154000&usg=AFQjCNHUYM0naErXYLjI9u_P_I4jk9Xtfg">Apartments.com Network</a> Team    </td>  </tr></table>对于您的评论：上面的 HTML 是更大的 HTML 部分的一部分，因此要找到 td，我必须搜索文本“Renter's Information”，然后从那里我可以实施您推荐的脚本好吧，您可以过滤 span 元素以获取具有文本内容的元素"Renter's Information" ，然后获取其父元素，这将是td您要查找的元素，这是代码let tdElement = Array.prototype.filter.call(document.querySelectorAll("span"), function(e) {   return e.textContent === "Renter's Information"; })[0].parentElement;然后通过getTextContent()这样调用来获取您的内容let result = getTextContent(searchKeywords, tdElement.innerHTML);

使用 jQuery 的单个 td 中的文本节点选择器

1回答