Javascript 如何在jquery的if语句中选择元素

我使用jQuery将输入附加到具有颜色属性的产品（并非所有产品都具有颜色属性），因此我执行以下操作：

  if ($("#color-selection").length == 0){
      if ($("li.color-select").hasClass("active")) {
        var colorId = $("li.color-select > a").data('color');
        $("div.card-body").hasClass("tt-options-swatch") > $("button.btn-add-to-cart").append('<input type="hidden" id="color-selection" name="color" value="'+colorId+'">');
      }
  }

if（$（“#颜色选择”）.length==0）{
if（$（“li.color select”）.hasClass（“active”））{
var colorId=$（“li.color-select>a”）.data（'color'）；
$（“div.card-body”）.hasClass（“tt选项样本”）>$（“button.btn添加到购物车”）.append（“”）；
}
}

一切正常，但它会附加到所有按钮（即使是有颜色或没有颜色的按钮） 我只想有条件地附加到这个

---

$（“div.card-body”）.hasClass（“tt选项样本”）

类似的问题可以解决，我认为：

$("div.card-body").filter(
     (index, elem) => $(elem).hasClass("tt-options-swatch")
).append('something');

或

---

所以你想让

tt options样例

表达式成为一个有条件的表达式吗？不确定你在问什么，你能添加这个片段吗？您可以通过编辑您的帖子并按

ctrl+M

来添加代码段，我想将输入添加到button.btn-add-to-cart，它有$（“div.card-body”）.hasClass（“tt选项样例”），您正在选择所有元素。不确定您认为

$（“div.card-body”）.hasClass（“tt选项样例”）>

改变了什么。这行代码是说

Boolean>jqueryobject

可能类似于

$（“div.card-body.tt options-swatch”）.find（“button.btn add to cart”）.append（）

？我已经好几年没有使用jQuery了，但是你知道了。

$("div.card-body[class*=tt-options-swatch]").append('something');