title: jquery click to set background color of element?
body: <p>In coding , I want to create jQuery function, work like this</p>
  
  <p>First <code>&lt;li&gt;</code> have <code>background : red;</code></p>
  
  <p>When I click link <code>&lt;a href="JavaScript:doCallAjax('Good');"&gt; Good&lt;/a&gt;</code> , it's will be set this <code>&lt;li&gt;</code> style to <code>background : red;</code> and set other <code>&lt;li&gt;</code> to <code>background : none;</code></p>
  
  <p>OR</p>
  
  <p>When I click link <code>&lt;a href="JavaScript:doCallAjax('Normal');"&gt; Normal&lt;/a&gt;</code> , it's will be set this <code>&lt;li&gt;</code> style to <code>background : red;</code> and set other <code>&lt;li&gt;</code> to <code>background : none;</code>
  too.</p>
  
  <pre><code>&lt;ul class="item"&gt;
    &lt;li class="item_list" style=" border-right: 2px solid #e6e6e6;  float: left;  margin: 0 0 3px;  padding: 0 5px; background: red; "&gt;
      &lt;a href="JavaScript:doCallAjax('');"&gt;All&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="item_list" style=" border-right: 2px solid #e6e6e6;  float: left;  margin: 0 0 3px;  padding: 0 5px; "&gt;
      &lt;a href="JavaScript:doCallAjax('Good');"&gt; Good&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="item_list" style=" border-right: 2px solid #e6e6e6;  float: left;  margin: 0 0 3px;  padding: 0 5px; "&gt;
      &lt;a href="JavaScript:doCallAjax('Normal');"&gt; Normal&lt;/a&gt;&lt;br&gt;
    &lt;/li&gt;
  &lt;/ul&gt; 
  </code></pre>
  
  <p>How can I do ?  Thank you for every ans</p>