iT邦幫忙

0

jquery append 函式裡加上js function

如題,

想用jquery append加入以下html

<div class="class" onClick="show(0)"><div class="class"></div><p></p></div>

目前寫法是

$('#id').append(`<div class="class" onClick=`+show(i)+`><div class="class"></div><p></p></div>`);

但會發生錯誤,懇請各位大大解答,謝謝

2 個回答

1
Ks
iT邦新手 4 級 ‧ 2019-06-07 17:10:49
最佳解答

/images/emoticon/emoticon06.gif

這寫法有嚴重的問題啊~

onClick=`+show(i)+`  << 應該是onClick="+show(` + i + `)">
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Loading</title>
    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
</head>

<body>
    <div id="id"></div>
</body>

<script>
    $('#id').append('<div class="class" onClick="show(' + 1 + ')"><div class="class">1</div><p>1</p></div>');
    function show(i)
    {
        console.log(i);
    }
</script>
</html>
p39212053 iT邦新手 5 級 ‧ 2019-06-07 20:36:24 檢舉

謝謝,可以run了!

3
dragonH
iT邦大師 7 級 ‧ 2019-06-07 17:13:24

codepen

你要的是這樣?

$('#id').append(`<div class="class" onClick=show(${i})><div class="class"></div><p></p></div>`);
p39212053 iT邦新手 5 級 ‧ 2019-06-07 20:37:03 檢舉

這樣還是有錯誤T T, 抱歉

dragonH iT邦大師 7 級 ‧ 2019-06-07 21:05:36 檢舉

怎麼可能

上面我都貼的 codepen 都沒問題

你該不會直接照著打

沒宣告 i 吧

p39212053 iT邦新手 5 級 ‧ 2019-06-08 14:05:56 檢舉

對,是沒問題的 不好意思!

我要發表回答

立即登入回答