javascript - 在文本区域内获取第一个 block 引用

Question

我有一个文本区域，它可以包含多个 block 引用我想要做的是获取直接位于文本区域的开放标记之后的第一个 block 引用的值。

HTML代码

案例一:

<textarea>
  <div dir="ltr" style="text-align: left;">

  <blockquote>
    I want to grab this text
  </blockquote>

  <blockquote>
    I don't want this text
  </blockquote>

  </div>
</textarea>

案例 2:

<textarea>
  <div dir="ltr" style="text-align: left;">

  <blockquote>
    I want to grab this text
  </blockquote>

  </div>
</textarea>

案例 3:

<textarea>
  <div dir="ltr" style="text-align: left;">

  <p>
    Good afternoon, gentlemen. I am a HAL 9000 computer. I became operational at the H.A.L
  </p>

  <blockquote>
    In this case I don't want to grab anything
  </blockquote>

  </div>
</textarea>

J查询代码

$('textarea').each(function(){
  var content = $(this).val();
  var blockquote = $(content).find('blockquote:first').text();

  alert(blockquote);
});

上面的 Jquery 代码在情况 1 和情况 2 中工作正常，但在情况 3 中不起作用。 Fiddle DEMO

Answer 1

尝试第一个 child :

var blockquote = $(content).find('blockquote:first-child').text();

JSFiddle .