Question

我有动态附加的元素：

var card =
              `<hr>
            <h3>
          <p class="text-center id="i" >${title}</p>
          </h3>
          <video class="col-12 ml-auto col-12 mr-auto" id="mp4Id" controls="controls">
          <source src=${mp4} type="video/mp4">?????????
          </video>
            <img class="col-12 ml-auto col-12 mr-auto" id= "imgId" src=${images}>
            <div class="span4 collapse-group">
              <div class="text-center">
                <p><a class="btn btn-md btn-outline-dark btn-square" href="#">Check &raquo;</a></p>
              </div>
              <div class="collapse">
                <div class="card card-body">
                ${text}
                </div>
              </div>
            </div>`

            $('.container').append(card);

此功能适用于我的按钮：

$(document).find(".card").each(function() {
          $(this)
            .closest('.collapse-group')
            .find('.btn')
            .toggle($(this).text().length > 34);
        });

但是当我想用video class来呼叫我的id="mp4Id"时，它不起作用：

$(document).find("#mp4Id").each(function() {
          $(this)
            .hide()
        });

如何解决这个问题？

Answer 1

由于id是唯一的，因此不应重复。因此，使用.find()没有任何意义。如果您的元素ID是唯一的，则可以使用以下代码实现：

$('#mp4Id').hide();

或

$('#mp4Id').addClass('hidden');

附加容器时按ID隐藏每个元素

1 个答案: