<div class="view-content"> <div class="views-row views-row-1"> <div class="views-row views-row-2"> <div class="views-row views-row-3"> <div class="views-row views-row-4"> </div> How can I in JavaScript/jQuery check whether the last <div> element (<div class="views-row views-row-4">) exist?
Some times, I just have 3 and others 4. When I just have 3, I would like to perform some CSS changes.
You can look for the object and then check whether one was found:
if ($(".views-row-4").length) { // at least one element with class "views-row-4" } To check if a div exist ,you can you can use the following Jquery snippet.
if( $('.your-class').length ) { //CODE IF DIV EXIST } Try this like
$('.view-content').children().length Check number of div inside the container div.
if ($('.view-content > div').length > 3) { // Do your code here } I think this might help you:
JS
var numClass = $(".views-row").length; if(numClass == 3) { /*Some Change in Your CSS*/ $(".views-row").css("color","red"); } 
if($(".views-row").length > 3) {