gpt4 book ai didi

jquery - 函数返回零如何解决这个问题?

转载 作者:行者123 更新时间:2023-12-01 07:38:20 24 4
gpt4 key购买 nike

我想创建一个动态appen方法,但参数没有正确反射(reflect)在函数中。反射色值为零

$(document).ready(function(colorr) {
$("button").click(function(colorr) {
$("body").append(function(colorr) {
return "<div style='border:1px solid black;border-color: red; width: 60px;height: 60px;'> " + colorr + " item </div>";
});
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<body>
<table border="1">
<tr>
<td colspan="2"><button id="button" data-value1="yellow">Append list item</button></td>
<button onclick="button('yellow')">Try it</button></tr>
</table>
</body>

最佳答案

问题是因为您无法按照您尝试的方式将参数传递给 jQuery 事件处理程序。

您需要使用 click 处理程序中的 this 引用从元素读取 data 属性。然后,您可以构建一个 HTML 字符串,将该值连接到该字符串并将其提供给 append() 方法调用。试试这个:

jQuery(function($) {
$("button").click(function() {
var colorr = $(this).data('value1');
$("body").append('<div>' + colorr + ' item</div>');
});
});
div {
border: 1px solid black;
border-color: red;
width: 60px;
height: 60px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border="1">
<tr>
<td colspan="2">
<button data-value1="yellow">Append list item</button>
<button data-value1="red">Append list item</button>
<button data-value1="blue">Append list item</button>
</td>
</tr>
</table>

关于jquery - 函数返回零如何解决这个问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58769063/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com