javascript - 如何使用 jQuery 选择动态值

Question

我有一个非常有趣的情况，我无法解决。我有这样的 HTML:

<div class="pp227">
  <span>Funny text</span>
</div>

注意:这个pp的值可以是0 - 500，并且这个结构需要按原样表述。 我最终得到这样的 jQuery 代码:

var selectText = $('.pp[0] > span');

任何人都可以知道如何从pp中选择这个值

Answer 1

您可以根据属性的一部分(在本例中为类的开头)选择元素。

所以这会起作用:

[class^='pp'] > span

还要获取实际文本(而不是仅包含对所选元素的引用的 jQuery 对象，您需要使用 .text() 函数。

演示:

$(function() {
  var selectText = $("[class^='pp'] > span").text();
  console.log(selectText);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="pp227">
  <span>Funny text</span>
</div>

请注意，这假设页面中每次只有一个元素的类以“pp”开头。如果没有，并且您想获取所有它们的文本，那么您将需要一个循环。您在问题中并没有真正澄清这一点。

参见https://api.jquery.com/attribute-starts-with-selector/了解更多信息。