Javascript jQuery列表、样式<；李>；领域

我想用

li

元素做一个列表，当我点击其中一个

元素时，改变

li

元素的背景，如果我点击另一个元素，则改变另一个

li

的背景，并将另一个

li

的背景恢复为原始颜色

大概是这样的：

<ul>
 <li>Option1</li>
 <li>Option2</li>
</ul>

选择1
选择2

---

当我点击选项1时，突出显示其背景或放置边框，然后点击选项2，返回第一个divs propietes并更改选项2的背景颜色。

初始化一个表示页面加载时当前所选li的var（未选择）。将click事件添加到每个调用高亮显示更新方法并将其自身作为参数的li。该方法应在当前选定的li上禁用高亮显示，在单击的li上启用高亮显示，并将当前选定的li设置为单击的li。希望这是清楚的

初始化表示页面加载时当前所选li的var（未选择）。将click事件添加到每个调用高亮显示更新方法并将其自身作为参数的li。该方法应在当前选定的li上禁用高亮显示，在单击的li上启用高亮显示，并将当前选定的li设置为单击的li。希望这是清楚的

试试这个：

$(function(){
$("li").click(function(){
  $("li").css("backgroundColor", "white");
  $(this).css("backgroundColor", "yellow");
});

}))

工作

尝试以下方法：

$(function(){
$("li").click(function(){
  $("li").css("backgroundColor", "white");
  $(this).css("backgroundColor", "yellow");
});

}))

---

工作

如果我正确理解了您要寻找的内容，类似这样的方法应该会奏效：

$("li").click(function() {
    $("li").css("backgroundColor", "#ff0000");
    $(this).css("backgroundColor", "#000000");
});

---

这会将

单击

事件侦听器附加到所有

li

元素。单击其中一个按钮时，它会设置所有按钮的背景，然后更改单击按钮的背景。

如果我正确理解了您要查找的内容，类似的操作应该会起作用：

$("li").click(function() {
    $("li").css("backgroundColor", "#ff0000");
    $(this).css("backgroundColor", "#000000");
});

这会将

单击

事件侦听器附加到所有

li

元素。单击其中一个时，它会设置所有对象的背景，然后更改所单击对象的背景。

HTML

<ul>
    <li>hello</li>
    <li>hello</li>  
</ul>   

HTML

<ul>
    <li>hello</li>
    <li>hello</li>  
</ul>   

---

您也可以使用收音机选项。 Javascript（Jquery方法）

HTML

标签1
标签2

您也可以为此使用收音机选项。 Javascript（Jquery方法）

HTML

标签1
标签2

那么您想在单击每一行时对其进行高亮显示吗？您可以在单击li时应用一个类，并在添加该类之前从所有其他li中删除该类

$('ul li').click(function(){
  $(this).siblings().removeClass('classname'); 
  $(this).toggleClass('classname');  
});

---

那么，您想在单击每一行时对其进行高亮显示吗？您可以在单击li时应用一个类，并在添加该类之前从所有其他li中删除该类

$('ul li').click(function(){
  $(this).siblings().removeClass('classname'); 
  $(this).toggleClass('classname');  
});

---

尽可能避免使用内联样式。而是在css中创建一个伪类

css:

js:

---

尽可能避免使用内联样式。而是在css中创建一个伪类

css:

js:

我意识到这不是你所要求的，但是这是一个非常灵活的方法。我意识到这不是你所要求的，但是这是一个非常灵活的方法。

$('li').click(function(){
    $(this).siblings().removeClass('selected');
    $(this).addClass('selected');