Jadeでは、onclick関数呼び出しでパラメータを渡す方法

Question

a(id='myLinkTag' onclick='myFunction(' + user._id + ')' href='') Delete 

ここで、user._idは変数であり、その値をmyFunctionに渡そうとしています。

にSyntaxError：無効または予期しないトークン

Answer 1

ここで問題となるのは、javascriptでは関数の前後に引用符が必要です。どの翡翠が作っているのですか<a id='myLinkTag' onclick='myFunction(userid) href=''>

これはJavascriptが期待しているものではありません。Javascriptは、onclick関数に有効な変数名が与えられることを期待しています。 2つの選択肢があります：

• あなたはuser._idが今までだけにして中に引用符を入れ英数字（new RegExp(/^(A-Za-z0-9)+$/)）を含む文字列以外であるためにはNO WAYがないことを確実な場合MyFunctionの：a(id='myLinkTag' onclick='myFunction(\'' + user._id + '\')' href='') Delete

• user._idが英数字超えることができた場合、あなたは代わりのJavaScriptことができますで、その後a(id='myLinkTag' class="myclass" userid=user._id href='') Deleteのようにクラスとカスタム属性を設定するためにヒスイを使用することができます。

：

$(".myclass").click(function(e){ 
 
    var userid = $(e.target).attr("userid"); 
 
    console.log(userid); 
 
    alert(userid); 
 
});

Jade would be: 
 

 
a(id='myLinkTag' class="myclass" userid=user._id href='#') 
 
a(id='myLinkTag2' class="myclass" userid=user2._id href='#') 
 
a(id='myLinkTag3' class="myclass" userid=user3._id href='#')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="myclass" userid="myuserid" href="#">link</a> 
 
<a class="myclass" userid="myuserid2" href="#">link2</a> 
 
<a class="myclass" userid="myuserid3" href="#">link3</a>

Answer 2

使用あなたの関数に文字列を渡すように、ネストされた引用符が異なります。

a(id='myLinkTag' onclick="myFunction(' + user._id + ')" href='') Delete