javascript - 如何从 jquery 获取 dl 标签 HTML 的值

Question

我想通过 Jquery 或 Javascript 从 HTML 文件中选择以下值。 银行转账，有人可以建议我该怎么做吗。

<div class="color-me" id="txnDetails">
  <div class="panel-apply-font-size">
    <div class="row">
      <div class="cols">
        <dl class="entityDetails-field">
          <dt>PaymentMethod</dt>
          <dd>Bank Transfer</dd>
        </dl>
      </div> <!--end of cols-->
      <div class="cols">
        <dl class="entityDetails-field">
          <dt>AccountNumber</dt>
          <dd>34343</dd>
        </dl>
      </div> <!--end of cols-->
      <div class="cols">
        <dl class="entityDetails-field">
          <dt>BankName</dt>
          <dd>Bank Of America</dd>
        </dl>
      </div> <!--end of cols-->
    </div><!--end of rows-->
  </div><!--end of panel-->
</div><!--end of color me-->

我是这样做的:

$("#txnDetails dd").on(function(){
    $(this)....
});

这里我没有为 DT 、 DD 元素提供任何类名或 ID 标签，我如何才能到达第一个 DD 标签来选择它的文本？我想要值为“银行转帐”的第一个 DD 标签的文本。

Answer 1

试试 :nth-child() 选择器:

$("dd:nth-child(1)").text();

您只需要知道您定位的元素所在的位置即可。

必读:

http://api.jquery.com/nth-child-selector/