title: How to select the current text box and other elements of the div in jquery which are getting loaded dynamically?
body: <p><a href="https://i.stack.imgur.com/AeQ6G.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AeQ6G.jpg" alt="Screenshot 1"></a>
  Based on some parameters, data is getting loaded whenever there is a single row of data. I can use the id of the div and then get the value of the textbox and other tags; but how do I same when there are multiple rows of data?</p>
  
  <pre><code>$("input").keydown(function(){
  
      var normal_val=$("#normal_val").text();
      var n_range = normal_val.split("-");
      var c_val=$("#critical_val").text();
      var c_range=c_val.split("-");
      var inp=$('#code input:text').val();
      var len=$('#code input:text').val().length;
  
      var inp=$('#code input:text').val();
  
  
  
      if(inp&gt;=n_range[0] &amp;&amp; inp&lt;=n_range[1])
      {
          $("#code input").css("background-color", "#64FFDA");
          $("#code input").css("color", "#FAFAFA");
      }
      else if(inp&gt;=c_range[0] &amp;&amp; inp&lt;=c_range[1])
      {
          $("#code input").css("background-color", "#D32F2F");
          $("#code input").css("color", "#FFF");
      }
      else if(inp&lt;n_range[0])
      {
          $("#code input").css("background-color", "#A7FFEB");
          $("#code input").css("color", "#FFF");
  
      }
      else if(inp&gt;n_range[1])
      {
          $("#code input").css("background-color", "#FF5252");
          $("#code input").css("color", "#FFF");
  
      }
      else{
          $("#code input").css("background-color", "#FF8F00");
      }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/HaonU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HaonU.png" alt="Screenshot 2"></a></p>