<html>
<head>
<title>ThaiCreate.Com jQuery Tutorials</title>
<style>
div { background: white; }
.red { background: red; }
.red.green { background: green; }
</style>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").addClass(function(index, currentClass) {
var addedClass;
if ( currentClass === "red" ) {
addedClass = "green";
$("p").text("There is one green div");
}
return addedClass;
});
});
</script>
</head>
<body>
<div>This div should be white</div>
<div class="red">This div will be green because it now has the "green" class.
It would be red if the addClass function failed.</div>
<div>This div should be white</div>
<p>There are zero green divs</p>
</body>
</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างมีการใช้ $("div").addClass(function(index, currentClass) เพื่อตรวจสอบ class ปัจจุบัน และทำการเปรียบเทียบเงือนไขที่กำหนด