Question

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

<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标签的文本值为＆＃34; Bank Transfer＆＃34;。

Answer 1

尝试：nth-child（）选择器：

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

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

必读：

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

Answer 2

使用

$('#txnDetails dd:first').text()

或

$('#txnDetails').find('dd').first().text()

Answer 3

您可以使用以下内容：

 $("#txnDetails dd").first().text()

Answer 4

您应该能够通过以下方式获取值：

$('#txnDetails dd:first-child').val();

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

4 个答案: