html5 - Compare data-ids with jquery -
i have articles shown 2 times , want hide 1 of them jquery. both have same data-id want find way compare them (data-id="134"). also, won't know id's can't write (if data-id === 134 example) there way this? code right now:
var article1_id = $('.older_articles ajax_article active').data("id"); var article2_id= $('.featured_article').data("id"); if article1_id === article2_id { $(article1_id).css('display', 'none'); } else { $(article1_id).css('display', 'block'); }
if understand correctly can in 1 line of jquery. hide elements within .old_articles have data-id attribute matching of featured article...
$('.older_articles [data-id="' + $('.featured_article').data('id') + '"]').css('display', 'none');
example...
$('.older_articles [data-id="' + $('.featured_article').data('id') + '"]').css('opacity', '0.5'); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="older_articles"> <h4>old articles</h4> <div data-id="134">featured article duplicate - data-id 134</div> <div data-id="135">non-duplicated article- data-id 135</div> </div> <div> <h4>featured articles</h4> <div class="featured_article" data-id="134">i'm featured! - data-id 134 </div> if need hide multiple elements can use .each() loop through of articles...
$('.featured_article').each(function() { $('.older_articles [data-id="' + $(this).data('id') + '"]').css('opacity', '0.5'); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="older_articles"> <h4>old articles</h4> <div data-id="134">article - data-id 134</div> <div data-id="135">article - data-id 135</div> <div data-id="137">article - data-id 137</div> <div data-id="138">article - data-id 138</div> </div> <div> <h4>featured articles</h4> <div class="featured_article" data-id="134">i'm featured! - data-id 134 <div class="featured_article" data-id="135">i'm featured! - data-id 135 <div class="featured_article" data-id="136">i'm featured! - data-id 136 <div class="featured_article" data-id="138">i'm featured! - data-id 138 </div>
Comments
Post a Comment