遍历变量有多个结果

Question

我正在尝试定位存储在变量中的循环结果，然后将按钮附加到目标结果。 这里发生的是该按钮被附加到每个结果中。

$('.vehicles').each(function() {
  var priceText = $(this).find('PriceContainer > div > h3 > a > span').text();
  console.log(priceText);
  var button = '<button type="button">Click Me!</button>';
  if (priceText !== "Click for Quote!") {
    $(this).append(button);
  }
});

Answer 1

您可能没有在文本周围留有多余的空格。 您可以使用trim()方法将其删除。

$('.vehicles').each(function() {
  var priceText = $(this).find('PriceContainer > div > h3 > a > span').text().trim();
  console.log(priceText);
  var button = '<button type="button">Click Me!</button>';
  if (priceText !== "Click for Quote!") {
    $(this).append(button);
  }
});

您也可以匹配选择器中的文本。

var button = '<button type="button">Click Me!</button>';
$('.vehicles:has(PriceContainer > div > h3 > a > span:contains(Click for Quote!))').append(button);