javascript - 非换行文本的 JQuery 选择器

Question

我无法为以下 HTML 找出 JQuery 选择器。我正在尝试查找“Type:”之后和最终关闭 div 之前的值。

到目前为止我正在尝试:

$("div[itemscope] strong").children().text()

离它不远。

HTML:

<div itemscope itemtype="http://schema.org/Organization">&nbsp;&nbsp; 
    <a href="http://www.google.com" rel="nofollow">
    <strong>
        <font size="" color="#404040">
            <span itemprop="name">The Yarmouth Inn</span>
        </font>
    </strong></a>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
      <span itemprop="streetAddress">&nbsp;&nbsp;30 West Street</span>, 
      <span itemprop="addressLocality">Yarmouth</span>, 
      <span itemprop="addressRegion">Kent</span>, 
      <span itemprop="postalCode">PQ10 4TG</span> 
    </div>&nbsp;&nbsp;
    <strong>Type: </strong>Hotel
</div>

我想访问酒店一词，无论酒店一词是什么(取决于类型)。任何帮助将不胜感激，谢谢!

Answer 1

jQuery 没有方法来访问不在特定元素中的文本，但它可以用普通的 Javascript 完成。 Remove text after element展示了如何删除这样的文本节点，类似的代码应该可以返回内容。

console.log($("div[itemscope] > strong:last-child").get(0).nextSibling.textContent);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div itemscope itemtype="http://schema.org/Organization">&nbsp;&nbsp; 
    <a href="http://www.google.com" rel="nofollow">
    <strong>
        <font size="" color="#404040">
            <span itemprop="name">The Yarmouth Inn</span>
        </font>
    </strong></a>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
      <span itemprop="streetAddress">&nbsp;&nbsp;30 West Street</span>, 
      <span itemprop="addressLocality">Yarmouth</span>, 
      <span itemprop="addressRegion">Kent</span>, 
      <span itemprop="postalCode">PQ10 4TG</span> 
    </div>&nbsp;&nbsp;
    <strong>Type: </strong>Hotel
</div>