Question

如何检测div是否以强标记开头并将类添加到父div？例如，我需要设置此自动填充https://www.devbridge.com/sourcery/components/jquery-autocomplete/

结果的输出样式

然后会提供以下代码：

<div class="autocomplete-suggestions" style="position: absolute; max-height: 300px; z-index: 9999; top: 322px; left: 512.328px; width: 383px; display: none;">
<div class="autocomplete-suggestion" data-index="0"><strong>H</strong>airdressers</div>
<div class="autocomplete-suggestion" data-index="1">C<strong>h</strong>artered Surveyor</div>
</div>

div有标签的地方我想在其中添加一个类，然后在CSS中为仅以强标签开头的div设置样式。

Answer 1

您可以使用jquery的contents()方法检索元素的第一个子元素。然后，如果需要，可以在将类添加到父元素之前检查它是什么类型的元素，如下所示：

$('.autocomplete-suggestion').each(function() {
  var firstChild = $(this).contents()[0];
  if ($(firstChild).is('strong')) {
    $(this).addClass('foo');
  }
});

.foo { color: #C00; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="autocomplete-suggestions">
  <div class="autocomplete-suggestion" data-index="0"><strong>H</strong>airdressers</div>
  <div class="autocomplete-suggestion" data-index="1">C<strong>h</strong>artered Surveyor</div>
</div>

jQuery如果div内容以<strong>标签开头做某事

1 个答案: