Uso CMS basado en ASP.NET Core para mi sitio web.
Lo que necesito es agregar una nueva etiqueta div con la clase button_two si la etiqueta h1 item_title tiene este texto "Peow, Wow".
¿Cómo puedo hacerlo usando el código ASP.NET o usando jQuery (usando el más cercano y el anexo)?
<div class="items"> <div class="item"> <h1 class="item_title"> Any Title </h1> <div class="buttons"> <div class="button_one"> <input type="button" value="buy" /> </div> </div> </div> <div class="item"> <h1 class="item_title"> Any Title </h1> <div class="buttons"> <div class="button_one"> <input type="button" value="buy" /> </div> </div> </div> <div class="item"> <h1 class="item_title"> Title Peow, Wow. </h1> <div class="buttons"> <div class="button_one"> <input type="button" value="buy" /> </div> </div> </div> <div class="item"> <h1 class="item_title"> Any Title </h1> <div class="buttons"> <div class="button_one"> <input type="button" value="buy" /> </div> </div> </div> <div class="item"> <h1 class="item_title"> Title Peow, Wow. </h1> <div class="buttons"> <div class="button_one"> <input type="button" value="buy" /> </div> </div> </div> </div>Puede usar :contains() selector , next() y `append()'
$('h1:contains("Peow, Wow")') .next('.buttons') .append('<div class="button_one">BUTTON ONE</div>') .button_one {color:red} <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="items"> <div class="item"> <h1 class="item_title"> Any Title </h1> <div class="buttons"> <div class="button_one"> <input type="button" value="buy" /> </div> </div> </div> <div class="item"> <h1 class="item_title"> Any Title </h1> <div class="buttons"> <div class="button_one"> <input type="button" value="buy" /> </div> </div> </div> <div class="item"> <h1 class="item_title"> Title Peow, Wow. </h1> <div class="buttons"> <div class="button_one"> <input type="button" value="buy" /> </div> </div> </div> </div>