从父选择器上使用通配符的子项获取 JQuery 更改事件

Question

我尝试获取具有给定通配符的所有元素并检查来自子输入容器的事件。

这怎么可能？

$('*[class^="discount"] input').on('change', function() {});

来自

<li class="x discountValue y"> 
    <some various elements>
        <input class="checkbox" ...>
    </some various elements>
</li>

Answer 1

你能在这里试试这个代码吗:

你可以找到它使用parents()函数，jqueryparents()给你找到直到找到父级，然后停止创建。您还可以在此处了解有关选择器父级的更多信息 https://api.jquery.com/parents/

$('*[class="discount"] input').on('change', function() {
  $(this).parents('.parent').addClass("found");
  console.log("founded");
});

.parent.found {
   background: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="parent">
  <div class="discount">
    <input type="text" vlaue="">
  </div>
</div>

Answer 2

类以 discount 开头包括类包含 discount

$("[class^='discount'],[class*=' discount']")

从父选择器上使用通配符的子项获取 JQuery 更改事件

Get JQuery change events from childs with wildcard on parent selector

jquery

events

wildcard

listener

selector