javascript - 在 onClick 函数中添加字符串参数？

Question

我有一个带有参数的 onclick 函数。例如，我想在警报中显示此参数。我该如何给出参数？像这样的事情:

<img id="imgPerson" src="_#=itemImg=#_" width="200" height="200" onclick="SetDetailInfo('test value 123')"/>

function SetDetailInfo(myCustomParam) {
    alert(myCustomParam);
}

更新上面的代码工作正常。但当然我不想给函数一个固定的参数。我想让它充满活力。下面的代码有效。您会看到 div 中打印了一些名称为“#= line2 =#”的变量。这可以工作并显示一些字符串运行时。我想将该变量的值作为参数添加到函数中。

<img id="imgBestuurderFoto" src="_#=itemDate=#_" width="200" height="200" onclick="SetDetailInfo('test 123')" style="padding:0 !important;margin:0 !important;border:0 !important;" />

       <div class="cbs-Line2" title="_#= $htmlEncode(line2.defaultValueRenderer(line2)) =#_" id="_#= line2Id =#_" style="display:block;" >_#= line2 =#_</div>

这是带有变量的 JavaScript:

var encodedId = $htmlEncode(ctx.ClientControl.get_nextUniqueId() + "_2lines_");
var line2 = $getItemValue(ctx, "IntroText");
line2.overrideValueRenderer($contentLineText);
var line2Id = encodedId + "line2";

Answer 1

我特别喜欢使用 data-attributes到 elements 中的 dom 来分发信息，试试这个:

<img id="imgPerson" src="_#=itemImg=#_" 
     width="200" height="200" data-test-attr="test value 123"/>

在js中

$("#imgPerson").click(function(e){
     alert($(this).data("test-attr"));
});