在jQuery中获取div类网格的第三列

Question

我的网格结构如下：

<div class="offer-details center-text">
        <div class="col-lg-3">
                      <p>were </p>
        </div>
        <div class="col-lg-6 center-col price-col">
          <p>asdd</p>
        </div>
        <div class="col-lg-3"> 
          <p>
            For questions or to cancel,<br>
            just call <b>12345</b>
          </p>
        </div>
  </div>

我需要使用jquery更改.offer-details的第三格的文本。我尝试过

$(".offer-details .col-lg-3:second-child").html("<p>For inquiries<br>please contact <b>123 456-7896</b></p>");

但是这会给错误Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: second-child

是否有任何方法可以在jquery中访问/获取该div而不给该div提供新的类？

请指导。预先感谢。

Answer 1

您可以使用:nth-child(2)的查询选择器。

Answer 2

您可以为此使用第n个子选择器。请注意，索引从1开始：

因为jQuery的：nth-​​选择器实现严格从 CSS规范，n的值是“ 1-indexed”，表示计数 从1开始。

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

Answer 3

您可以使用nth-child：

$(".offer-details .col-lg-3:nth-child(2)").html(...l