JSFiddle - React, Tailwind, and code Playground

by Vivek Athalye

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<div id="row-buttons">
    <div> <!-- dynamically generated unknown id --> 
        <div id="classes-buttons-placeholder" style="display: none;">
            <!-- a DIV that may contain x buttons dynamically generated  -->
        </div>
        <div style="clear:both"></div>
        <div id="subjects-buttons-placeholder" style="display: none;">
            <div>
                <!-- another DIV that may contain x buttons dynamically generated  -->
                <button id="Music" class="subjects-button"> Music</button>
            </div>
        </div>
    </div>
</div>

JavaScript

$(function(){
	$("div[id*='-buttons-placeholder']:hidden").each(function(){
  	var buttons = $(this).find("button");
    if(buttons.length == 1) {
    	alert("Button inside " + $(this).attr("id") + ": " + buttons.attr("id"));
    }
  });
});