jquery - 通过单击按钮将参数传递给 jquery 函数

Question

我必须能够通过三个按钮(红色、蓝色和黑色)更改文本的颜色

我拥有的运行良好的功能如下:

function btn_click() {
$("#col1 p").css("color", "#00f");
    }

我需要将两个变量传递给此函数，即特定标记(例如 col1 p)和来自以下函数调用的十六进制值:

<input type="image" value="" class="but-blue" onclick="btn_click();" />

有人可以帮忙吗？

Answer 1

将脚本更改为:

function btn_click(selector, color) {
    $(selector).css("color", color);
}

以及内联处理程序:

<input type="image" value="" class="but-blue" onclick="btn_click('#col1 p','#00F');" />

更新

但是使用 jQuery，你可以执行以下操作:

<input type="image" value="" class="but-blue" data-selector="#col1 p" data-color="#00F" />

和 jQuery 脚本本身:

$(document).ready(function(){
    $('input[type=image]').click(function() {
       var selector = $(this).data('selector');
       var color = $(this).data('color');

       $(selector).css("color", color);
    });
});