jQuery addClass example

Change class name on click in jQuery

by Simon Price

HTML

<div class="ui-sortable-handle">
        <fieldset data-id="13" class="ui-sortable ui-sortable-disabled">
            <legend>1st Primary Category</legend>
            <a class="remove-link">
                <img src="/Images/cross.png" title="Remove this category" alt="Remove this category"></a>
            <label class="cat-name">
                <img class="accred-dummy-icon" src="/images/empty16x16.png">                <i data-id="13" class="cursor fa fa-question-circle fa-lg yes-cat no-cat edit-icon register-interest category priority-1 "></i>
                Carpenter
            </label>
            <div class="draggable-subcat active-cat">
                <label>
                    <img class="accred-dummy-icon" src="/images/empty16x16.png">                    <i data-id="1622" class="cursor fa fa-lg yes-cat edit-icon register-interest category priority-1 fa-question-circle no-cat remove-from-location"></i>
                    Architraves
                </label>
            </div>
            <div class="draggable-subcat">
                <label>
                    <img class="accred-dummy-icon" src="/images/empty16x16.png">                    <i data-id="70" class="cursor fa fa-question-circle fa-lg yes-cat no-cat edit-icon register-interest category priority-1"></i>
                    Barn Conversions
                </label>
            </div>
            <div class="draggable-subcat">
                <label>
                    <img class="accred-dummy-icon" src="/images/empty16x16.png">                    <i data-id="1900" class="cursor fa fa-question-circle fa-lg yes-cat no-cat edit-icon register-interest category priority-1"></i>
                    Bespoke Furniture
                </label>
            </div>
            <div class="draggable-subcat">
                <label>
                    <img class="accred-dummy-icon" src="/images/empty16x16.png">                    <i data-id="1690" class="cursor fa fa-question-circle fa-lg yes-cat...

JavaScript

var catTag = $('i[data-id="1622"].priority-1');
var fs = catTag.closest("fieldset")

$.each(fs[0].children, function(idx, elm){
	if($(elm).is("div")){
  	var i = $(this).find("label i.cursor.fa.fa-check-square.fa-lg.no-cat.dontknow-cat.edit-icon.register-interest.category.priority-1")
  if(i.length){
  console.log(i)
  }
  }

});