लिंक रंग

Question

बदलें यदि मेरे पास 5 लिंक हैं। सबसे पहले अगर मैं एक लिंक पर क्लिक करता हूं तो इसे किसी अन्य रंग में बदलना पड़ता है और अगली अगर मैं अन्य लिंक पर क्लिक करता हूं तो पिछला लिंक रंग डिफ़ॉल्ट पर जाना चाहिए और इस लिंक रंग को

बदलना है

कोड:

$("table#menu tr > td a[href^='#']").click(function() { 
    $(this).toggleClass('class1');/
}); 

a.class1 { color:#000000; } 

<table id="menu"> 
<tr> 
    <td><a href="#" id="link1">qwerty</a></td> 
</tr> <tr> 
    <td><a href="#" id="link1">zyz</a></td> 
</tr> 
</table> 

Answer 1

यह आपके सवाल का जवाब देना चाहिए:

http://jsfiddle.net/TL9rh/

एचटीएमएल

<div id="links"> 
    <a href="#">link1</a> 
    <a href="#">link2</a> 
    <a href="#">link3</a> 
    <a href="#">link4</a> 
    <a href="#">link5</a> 
</div> 

जावास्क्रिप्ट

$(document).ready(function(){ 
    $('#links a').click(function(){ 
     $(this).addClass('selected'); 
     $(this).siblings().removeClass('selected'); 
    }); 
}) 

सीएसएस

a { 
    color: darkgreen; 
} 


.selected { 
    color: red; 
} 

Answer 2

क्लासेस।

सीएसएस:

a { 
    color: green; 
} 
a.special { 
    color: orange; 
} 

जावास्क्रिप्ट:

$('a').click(function(evt) { 
    evt.preventDefault(); //don't follow link 
    //remove the special class from all links which already have it 
    $('a.special').removeClass('special'); 
    //add the special classs to the clicked link 
    $(this).addClass('special'); 
} 

बेशक, आप अपने html सूट करने के लिए चयनकर्ताओं बदलना चाहिए।

लाइव उदाहरण: http://jsfiddle.net/KHjDr/

Answer 3

पेज है कि आपके लिंक शामिल करता नहीं ताज़ा, तो आप ऐसा केवल सीएसएस के साथ क्या कर सकते हैं।

एचटीएमएल

<a href="#">MyLink1</a> 
<a href="#">MyLink2</a> 
<a href="#">MyLink3</a> 

सीएसएस

a:link{color: blue;} 
a:active{color: red;} 

Answer 4

सही संस्करण jQuery के लिए होगा:

$(document).ready(function(){ 
$('.win a').click(function(){ 
    $('.win a:first-child').removeClass('focused'); 
    $(this).addClass('focused'); 

}); 

})

और एचटीएमएल:

<li class="widget-title win"><a class="focused" href="#window1">Recent News</a></li> 
<li class="widget-title win"><a href="#window2">Most Favorites</a></li> 
<li class="widget-title win"><a href="#window3">Top News</a></li>