Obtengo un código html con bloques div de una llamada Ajax. Me gustaría construir una verificación if/else en este html, más específicamente en el atributo id de un div devuelto. Imprimiría resultados diferentes si es más pequeño o más grande que 10.
El html que se devolverá de la llamada ajax:
<div id="10" class="names">Text</div> <div id="2" class="names">Text</div> <div id="10" class="names">Text</div> <div id="11" class="names">Text</div>llamada ajax
$.ajax({ type: "POST", url: "https://example.com/api", data: data, cache: false, success: function(html) { //check html response for the id attribute, print html after the check }, error: {} });¿Alguna idea de cómo hacerlo?
¿Algo como esto?
tenga en cuenta que tiene dos id = "10"
const html = `<div id="10" class="names">Text</div> <div id="2" class="names">Text</div> <div id="10" class="names">Text</div> <div id="11" class="names">Text</div>` function success(html) { //check html response for the id attribute, print html after the check const res = $("#content").html(html) .find("div") .map(function() { return $(this).attr("id") }).get(); console.log(res,res.includes('10') ? 'has id 10' : 'does not have id 10') } success(html) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div id="content"></div>