Question

我希望在tbody中获取嵌套值的值。这是一个显示我的意思的例子。

在示例中，我想获取存储在href。

中的所有值

<table id="toc" class="plainlinks" style="text-align: center" align="center">
  <tbody>
    <tr>
      <td><b>Index</b></td>
    </tr>
    <tr>
      <td>
        <p>
          <a class="external text" href="//nl.wiktionary.org/w/index.php?title=Categorie:Zelfstandig-naamwoordsvorm_in_het_Nederlands&amp;from=A">A</a>
          - <a class="external text" href="//nl.wiktionary.org/w/index.php?title=Categorie:Zelfstandig-naamwoordsvorm_in_het_Nederlands&amp;from=Ab">Ab</a>
          - <a class="external text" href="//nl.wiktionary.org/w/index.php?title=Categorie:Zelfstandig-naamwoordsvorm_in_het_Nederlands&amp;from=Ad">Ad</a>
          - <a class="external text" href="//nl.wiktionary.org/w/index.php?title=Categorie:Zelfstandig-naamwoordsvorm_in_het_Nederlands&amp;from=Ag">Ag</a>
          - <a class="external text" href="//nl.wiktionary.org/w/index.php?title=Categorie:Zelfstandig-naamwoordsvorm_in_het_Nederlands&amp;from=Al">Al</a>
          - <a class="external text" href="//nl.wiktionary.org/w/index.php?title=Categorie:Zelfstandig-naamwoordsvorm_in_het_Nederlands&amp;from=Ap">Ap</a>
          - <a class="external text" href="//nl.wiktionary.org/w/index.php?title=Categorie:Zelfstandig--naamwoordsvorm_in_het_Nederlands&amp;from=Ap1">Ap1</a>
        </p>
      </td>
    </tr>
  </tbody>
 </table>

我尝试了以下语句来捕获值：

$('table tr').each(function (index, value) {
  $('td' ,this).each(function (index, value) {
    $('p',  this).each(function (index, value) {
      $('a',this).each(function (index, value) {
        console.info($(this).html())
      });
    });
  });
});

Answer 1

$('table tbody a').each(function(i,el){
console.info($(el).attr('href'));
})

将在“tbody”中取出所有“a”

Answer 2

javascript方法

Array.prototype.map.call(document.querySelectorAll('table td a'),function(rm){console.log(rm.href)})

jQuery如何在tbody中捕获嵌套值？

2 个答案: