Получить события изменения 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

Классы, начинающиеся с discount, включая классы, содержащие discount

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

Answer 2

Вы можете попробовать этот код здесь:

вы можете найти его, используя функцию родителей () , jquery родителей () , чтобы дать вам найти родителя до тех пор, пока он не найден, затем остановить поиск. Вы также можете узнать больше о родительском селекторе здесь 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>