Attribute Selector

by CoderLevel1

HTML

<li class="orange blue">
    <div class="answer">Some Content</div>
</li>
<input type="button" name="yellow" value="yellow" class="yellow" />
<br />
<input type="text" value="" class="result" />

JavaScript

$("input.yellow").click(function() {
    // CREATE UNIQUE CLASS ID
    var d = new Date();
	var n = d.getTime();
	var unq = "unqID" + n;
	
    //CHECK TO SEE IF LI ALREADY HAS THE UNIQUE CLASS
	if ($("div.answer").parent().hasClass("unqID")){
		$("input.result").val("has class");
	} else {
		$("div.answer").parent().addClass(unq);
        $("input.result").val("class added");
	};
});