javascript - javascript语法 - 将变量传递给函数

Question

var testvar = "something";

//only one of the following 3 lines were uncommented while testing:
var myinsert = '<span class="green myCursor" 
                   onClick="getproblemsadmin(testvar)">
                   Test
                </span>'; //doesn't pass testvar to function

var myinsert = '<span class="green myCursor" 
                   onClick="getproblemsadmin(\'testvar\')">
                   Test
                </span>'; //doesn't pass testvar to function

var myinsert = "<span class='green myCursor' 
                   onClick='getproblemsadmin(\"testvar\")\'>
                   Test
                </span>"; //doesn't pass testvar to function

$('.someclass').html(myinsert); //jquery works and this works (tested)

有没有办法将变量传递给这样的函数？

Answer 1

你的意思是这个变量的值吗？

var myinsert = "<span class='green myCursor' onClick='getproblemsadmin(\""+testvar+"\")\'>Test</span>";

语法：

var myinsert = "string" + variable + "string";
var myinsert = 'string' + variable + 'string';

Answer 2

您可以尝试创建 span 元素，然后绑定 click 事件：

$('<span class="green myCursor">Test</span>').click(function()
{
    getproblemsadmin('testvar')
});

或者，如果你想获得真正的 jQuery'esk，你可以这样写：

$('<span />').addClass('green myCursor').text('test').click(function()
{
    getproblemsadmin('testvar')
});

Answer 3

如果我理解正确，您正在寻找一种将变量传递给函数的方法，该函数将返回包含标记代码的构造字符串？像这样的东西？

var testvar = "something";

var myinsert = work_horse(testvar);
$('.someclass').html(myinsert);

function work_horse(testvar){
    return '<span class="green myCursor" onClick="getproblemsadmin(' + testvar + ')">Test</span>';
}​