нажмите на динамически созданный div - нет идентификатора и класса, вложенных в статический div, используя jquery

Question

Я хочу вызвать функцию щелчка с помощью JQUERY на div, содержащем текст «Сохранить как JPEG». Div с ID = "graph1" является статическим, а все остальные вложенные divs являются динамическими. Динамический div, содержащий текст, не имеет класса или идентификатора.

<div id="graph1" class="col-sm-12" style="height: 250px"> 
    <div class="contianer"> 
     <div class="convascharttoolbar"> 
      <div> 
       <div>save jpeg</div> 
       <div>save png</div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

:contains(TEXT) Используйте селектор =>Выберите все элементы, которые содержат заданный текст.

$("div:contains('save jpeg')").on("click",function(){ 
    console.log(this.textContent); 
}); 

Answer 2

Рабочая Демонстрационный

$(document).ready(function() { 
 
    
 
    $("#graph1").on('click','div', function() { 
 
    if($(this).text() == "save as jpeg"){ 
 
     alert('Div clicked') 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="graph1" class="col-sm-12" style="height: 250px"> 
 
    <div class="contianer"> 
 
    <div class="convascharttoolbar"> 
 
     <div> 
 
     <div>save as jpeg</div> 
 
     <div>save png</div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>