Loop and remove empty element with jquery -


im close can't quite there.

i want add class display:none div if spans inside empty.

html:

 <div class="accordion-content default">     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure1'); ?></span></div>     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure2'); ?></span></div>     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure3'); ?></span></div>     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure4'); ?></span></div>     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure5'); ?></span></div>     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure6'); ?></span></div>     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure7'); ?></span></div>     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure8'); ?></span></div>     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure9'); ?></span></div>     <div><span><?php the_field(''); ?></span><span><?php the_field('tenure10'); ?></span></div>     <div><span>yearsl</span><span><?php the_field(''); ?></span></div> </div>

jquery

   //hide unused fields //iterate on each div $('.accordion-content div').each(function(i, obj) { // if spans contain empty if ($('span:empty').html().length == 0 ) { //do not display parent div $('.accordion-content div').css({'display' : 'none'});     }; });

thanks.

edit: removes divs not ones empty span tags.

there 2 main problems:

  1. $('span:empty') searches entire document empty span, , calling html() on result accesses html of first match. want within div via $(this).find("span:empty").

  2. $('.accordion-content div').css({'display' : 'none'}); hides all matching elements.

also, no need call html(), know it's empty, , jquery has builtin function setting display: none on elements: hide.

if want hide div if any span inside empty, then:

$('.accordion-content div:has(span:empty)').hide();

if want hide div if all spans inside empty, then:

$('.accordion-content div').filter(function(i, obj) {     return $(this).find('span:parent').length == 0; }).hide();

that hide div if doesn't have spans @ all, completeness, hides ones have spans, empty ones:

$('.accordion-content div:has(span)').filter(function(i, obj) {     return $(this).find('span:parent').length == 0; }).hide();

Comments

Post a Comment

Popular posts from this blog

'hasOwnProperty' in javascript -

i use obj.hasownproperty judge whether object has property, when replaced obj[prop] !== undefined , not normal implementation, ask, why behind method can not use it? object.hasownproperty(prop); object[prop] !== undefined; obj[prop] !== undefined wrong 2 reasons: you can explicitly set property undefined , obj[prop] = undefined; . obj.hasownproperty(prop) return true in case. obj[prop] follow prototype chain, return property that's inherited. obj.hasownproperty(prop) returns true if property exists directly in object, returns false inherited properties.
Read more

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -

i trying put lock on table while writing on table , if happened in between roll-back . trying convert below code lock table test_g1 read; lock table test_g write; -- begin; start transaction; insert test_g1 values(143); insert test_g values(145); select * test_g1; select * test_g; rollback; select * test_g; unlock tables; how convert above code @transactional spring jdbctemplate code? @transactional(rollbackfor={dataaccessexception.class}) public void test(){ jdbctemplate.execute("insert test1 (id, nam) values (4, 'a')"); throw new dataaccessexception("error") { }; } here trying throw error, insert statement should rollback it's not happening . thanks edit-1 attaching code , doing in jdbcdaoimpl.java , mentioned problem comment above test() . app.java package com.cgiri.javabrains.spring4; import org.springframework.beans.factory.annotation.autowired; import org.springframework.context.applic...
Read more

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more