javascript - How to change the Class using jquery -


my jquery code:

   $('a#cusine1').on('click', function(){           $('div#product-list').html("loading..........").show();            $(".ccid").addclass("0");         document.getelementbyid("ccid1").classname="active2";           });             $('a#cusine2').on('click', function(){           $('div#product-list').html("loading..........").show();           $(".ccid").addclass("0");         document.getelementbyid("ccid2").classname="active2";      });             $('a#cusine3').on('click', function(){           $('div#product-list').html("loading..........").show();           $(".ccid").addclass("");         document.getelementbyid("ccid3").classname="active2";      });

my html code

      <li id="ccid1" class="ccid">              <a href="#" id="cusine1"><i class="fa fa-ticket"></i>3 star hotel</a>                                  </li>         <li id="ccid2" class="ccid">               <a href="#" id="cusine2"><i class="fa fa-ticket"></i>3 star hotel</a>                            </li>         <li id="ccid3" class="ccid">    <a href="#" id= "cusine3"><i class="fa fa-ticket"></i>5 star hotel</a>      </li>

output needed:

i need, when li id "ccid1" clicked, class "active2" should added. other li should have "ccid" class.

the number of li may change based on php.

problem found

in first time, when click li id "ccid1", class "active2" added. then, if li id "ccid2" clicked class "active2" added, li id "ccid1" class not set "0".

as i've said in comment, don't use classnames starting / - number.

this need:

$('.ccid a').on('click', function(){              // targets links     $('div#product-list').html("loading..........").show();       $(".active2").removeclass("active2");         // remove existent active classes     $(this).parent(".ccid").addclass("active2");  // set active class  });

Comments

Post a Comment

Popular posts from this blog

java - Null response to php query in android, even though php works properly -

Image
table i'm trying retrieve above data using 2 php files below. want pass email parameter , return bets user = email. work fine when tested advanced rest client, problem not php. however, when try through android 2 java classes below, null pointer exception (logcat below) , json object returned null. i'm not sure error is, think i'm not passing parameter php , that's why it's producing null response. logcat 05-31 15:10:50.227 26074-26074/com.example.albert.betterapp e/androidruntime﹕ fatal exception: main process: com.example.albert.betterapp, pid: 26074 java.lang.runtimeexception: unable start activity componentinfo{com.example.albert.betterapp/com.example.albert.betterapp.displayallbets}: java.lang.nullpointerexception @ android.app.activitythread.performlaunchactivity(activitythread.java:2292) @ android.app.activitythread.handlelaunchactivity(activitythread.java:2350) @ android.app.activitythread.acce...
Read more

node.js - Using Node without global install -

i'm working on few node & electron (atom shell) projects , i'm curious how them work without user having install node globally. i've seen few applications including node directory in project contains node.exe binary. how go setting node project use binary? edit: thought should add, i've searched everywhere answer this, unrelated results.
Read more

php - CakePHP HttpSockets send array of paramms -

i problem when make request (i can request). $link = 'http://uri/path/?param1=1&sid=2&sid=3&sid=4' $http = $httpsocket = new httpsocket(); $res = $httpsocket->get($link); if check request pr($http); i see : [line] => /url/path/?param1=1&sid%5b0%5d=2&sid%5b1%5d=3&sid%5b2%5d=4 http/1.1 and i'm getting empty response because server doesn't know parameters sid%5b0%5d=2 when try send parameters array : $data = array('param1' => '1', 'sid' => array('2','3', '4')); i see same changes %5b0%5d - additional indexes. how fix it? unfortunately , can not change server side, if send request in browser, i'll normal response in json format. when make request, can parameters this: $param1 = $_get['param1']; $sid= $_get['sid']; tip: use diferente names parameters. have multiples sid. use sid1, sid2, sid3... update: can parameters this:...
Read more