下拉如果使用javascript图像文件

dropdown if image files using javascript

本文关键字：javascript 图像 文件 如果      更新时间：2023-09-26

我有一个下拉的图像图标。现在我想改变下拉菜单的默认页面加载图标为一个由用户选择，使用javascript。我是新的javascript，但不能做到这一点。仅供参考，我也包含了jquery文件。请帮助。

 <li>
                            <div class="dropdown choose-theme" id="theme">
                                <a class="#" data-toggle="dropdown" href="#"><img src="img/theme/blue.png" alt="Blue"> Blue</a>
                                <ul class="dropdown-menu" role="menu">
                                    <li role="menuitem"><a href="#"><img src="img/theme/green.png" alt="Green" value="img/theme/green.png"> Green</a></li>
                                    <li role="menuitem"><a href="#"><img src="img/theme/grey.png" alt="Grey" value="img/theme/grey.png"> Grey</a></li>
                                    <li role="menuitem"><a href="#"><img src="img/theme/red.png" alt="Red" value="img/theme/red.png"> Red</a></li>
                                    <li role="menuitem"><a href="#"><img src="img/theme/orange.png" alt="Orange" value="img/theme/orange.png"> Orange</a></li>
                                    <li role="menuitem"><a href="#"><img src="img/theme/blue.png" alt="Blue" value="img/theme/blue.png"> Blue</a></li>
                                </ul>
                            </div>
                        </li>

自定义javascript I was trying

$(function()
{
$('#theme ul li').click(function({
var $a  = $(this).find('a');
$(this).parents('#theme').children('a').replaceWith($a);
});

试试这个

$(document).ready(function(){
   $('#theme ul li a').click(function(){
     $(this).parents('#theme').children('a').html($(this).html());
   });
});

您缺少了一对括号和大括号:

$(function(){
    $('#theme ul li').click(function(){
      var $a  = $(this).find('a');
      $('#theme').children('a').replaceWith( $a.clone() );
    });
});

我用$('theme')代替了$(this).parents('#theme')(这是一个ID，你应该总是一个，不需要遍历找到它)。$a.clone();也是如此，否则点击的链接实际上会从列表中删除。

相关文章：