JSFiddle - React, Tailwind, and code Playground

by lustre

HTML

<div id="dk_container_edit-submitted-current">
    <span class="dk_label">Executive Room / Family Room</span>
</div>

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ul>

CSS

.hideLI{
    display:none;
}

JavaScript

jQuery(document).ready(function(){
jQuery( "#edit-submitted-current" ).change(function() {
  if (jQuery("#dk_container_edit-submitted-current .dk_label").text() == "Executive Room / Family Room" ){
	alert("ops!");
		for (var i = 0; i < 4; i++) {
            /*if (i!=2){*/
 			jQuery ( "ul li:nth-child("+i+")" ).addClass("hideli");
            /*}*/
		}
	}
});	
});