jquery - Check availability for multiple class elements -


logic needed application

if item1 & item2 & item3 exists - add class 1

if item1 & item2 exists - add class 2

if item1 & item3 exists - add class 3

if item1 exists or item2 & item3 not exists - add class 4

else remove class items

not sure how code logic in jquery. when code, either 1 not working correctly. please solve issue.

if ($(("li.item1") && ("li.item2") && ("li.item3")).length) {    $(".content").addclass("1");    $(".content").removeclass("2");    $(".content").removeclass("3");    $(".content").removeclass("4");  } else if ($(("li.item1") && ("li.item2")).length) {    $(".content").addclass("2");    $(".content").removeclass("1");    $(".content").removeclass("3");    $(".content").removeclass("4");  } else if ($(("li.item1") && ("li.item3")).length) {    $(".content").addclass("3");    $(".content").removeclass("1");    $(".content").removeclass("2");    $(".content").removeclass("4");  } else if (!$(("li.item2") && ("li.item3")).length) {    $(".content").addclass("4");    $(".content").removeclass("1");    $(".content").removeclass("2");    $(".content").removeclass("3");  } else {    $(".content").removeclass("1");    $(".content").removeclass("2");    $(".content").removeclass("3");    $(".content").removeclass("4");  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <ul>    <li class="item item3">      <a href="javascript:;" id="selector">test1</a>    </li>    <li class="item item2">      <a href="javascript:;" id="selector">test2</a>    </li>    <li class="item item1">      <a href="javascript:;" id="selector">test2</a>      <div class="content">        <input id="search" name="search" class="search-input" type="search" placeholder="search">      </div>    </li>  </ul>

fiddle

jquery: 

$(document).ready(function() {    $("li").each(function() {      if ($("li").hasclass("item1") && $("li").hasclass("item2") &&        $("li").hasclass("item3")) {        $(".content").removeclass("2 3 4").addclass("1");      } else if ($("li").hasclass("item1") && $("li").hasclass("item2")) {        $(".content").removeclass("1 3 4").addclass("2");      } else if ($("li").hasclass("item1") && $("li").hasclass("item3")) {        $(".content").removeclass("1 2 4").addclass("3");      } else if (!$("li").hasclass("item2") && !$("li").hasclass("item3")) {        $(".content").removeclass("1 2 3").addclass("4");      } else {        $(".content").removeclass("1 2 3 4");      }    });  });    html: 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <ul>    <li class="item1 item3">      <a href="javascript:;" id="selector">test1</a>    </li>    <li class="item item2">      <a href="javascript:;" id="selector">test2</a>    </li>    <li class="item item1">      <a href="javascript:;" id="selector">test2</a>      <div class="content">        <input id="search" name="search" class="search-input" type="search" placeholder="search">      </div>    </li>  </ul>


Comments

Post a Comment

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

i working on custom magento extension. working around adminhtml part , i've created custom form there. here form code: <?php class vivasindustries_smsnotification_block_adminhtml_sms_sendmass_edit_form extends mage_adminhtml_block_widget_form { public function _preparelayout() { $extensionpath = mage::getmoduledir('js', 'vivasindustries_smsnotification'); $head = $this->getlayout()->getblock('head'); $head->addjs('jquery.js'); $head->addjs('vivas.js'); return parent::_preparelayout(); } protected function _prepareform() { $form = new varien_data_form(array( 'id' => 'edit_form', 'action' => $this->geturl('*/*/save', array('id' => $this->getrequest()->get...
Read more

php - Bypass Geo Redirect for specific directories -

i'm trying bypass redirect specific url within site. wondering if might able help. the code below code use, original urls replaces example.com i'd able access http://example.com/admin without redirect occuring. is there way this, , there way using own ip? function country_geo_redirect() { $country = getenv('http_geoip_country_code'); if ($country == "us" ) { wp_redirect("http://usa.example.com/"); exit; } else if ($country == "gb" ) { wp_redirect("http://uk.example.com/"); exit; } } add_action('init', 'country_geo_redirect'); you can bypass redirection code if server found ip address. if ip address == <my ip address> ' nothing here else country_georedirect() end if
Read more

php - .htaccess mod_rewrite for dynamic url which has domain names -

i want convert url ex:( example.com/link.php?url=facebook.com ) ( example.com/facebook.com.php ) how can using .htaccess. or there other process make job easier ? i tried adding script .htaccess file options +followsymlinks rewriteengine on rewriterule url-(.*)\.htm$ link.php?url=$1 but converting url adding "url-" ( example.com/url-facebook.com.php ) i want remove "url-" , want make ( example.com/facebook.com.php ) rewriteengine on rewritecond %{the_request} ^get.*link\.php\?url\= [nc] rewritecond %{request_uri} !/system/.* [nc] rewriterule (.*?)link\.php\?url\=/*(.*) /$1$2 [r=301,ne,l] not sure how above work edit of used use remove index.php url
Read more