Javascript onClick addClass color to navbar项-不工作
我正在尝试用隐藏/显示不同div的文本制作导航栏。我希望这样，当你点击其中一个选项时，文本变为红色，表示它已被选中，而选择的任何其他项目都是“未选中”。我对JavaScript相当陌生，但我认为最好的方法是向它的onClick中添加一个类，并从它的同级onClick中删除该类。但它不起作用，点击后什么也不会发生。我做错了什么Javascript onClick addClass color to navbar项-不工作,javascript,jquery,html,onclick,addclass,Javascript,Jquery,Html,Onclick,Addclass,我正在尝试用隐藏/显示不同div的文本制作导航栏。我希望这样，当你点击其中一个选项时，文本变为红色，表示它已被选中，而选择的任何其他项目都是“未选中”。我对JavaScript相当陌生，但我认为最好的方法是向它的onClick中添加一个类，并从它的同级onClick中删除该类。但它不起作用，点击后什么也不会发生。我做错了什么 <html> <head><title>test</title> <style> .reddish { col
<html>
<head><title>test</title>
<style>
.reddish { color:red; }
</style>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script type="text/javascript" language="javascript">
function redFunction() {
$( '.navItem' ).addClass( 'reddish' );
}
</script>
</head>
<body>
<p class="navItem" onClick="redFunction()">Option 1</p>
<p class="navItem" onClick="redFunction()">Option 2</p>
<p class="navItem" onClick="redFunction()">Option 3</p>
</body>
</html>
测试
.redish{颜色：红色；}
函数redFunction（）{
$（'.navItem'）.addClass（'redish'）；
}
选项1
选项2
选项3
<style>
.reddish { color:red; }
</style>
<script type="text/javascript" language="javascript">
function redFunction() { $( "p" ).addClass( 'reddish' ); }
</script>
.redish{颜色：红色；}
函数redFunction（）{$（“p”）.addClass（'reddish'）；}