已解決430363個問題，去搜搜看，總會有你想問的

我想添加一個帶有 jQ??uery 前綴的元素

首頁猿問我想添加一個帶有 jQ??uery...

我想添加一個帶有 jQ??uery 前綴的元素

JavaScript

呼啦一陣風 2021-06-21 17:57:03

我想在單擊按鈕時添加一個新的 a 元素，但它不起作用<div id="add-container"> <input type="text"> <button>add</button> <div id="megobrebi"> <a>Levani</a> <a>Markozi</a> <a>Zuka</a> <a>Sandro</a> </div></div>$(document).ready(function() { $('#add-container').on('click', 'button', function(){ var value = $('#add-container input').val; var html = '<a>' + value + '</a>' $('$megobrebi').prepend(html); })})

查看完整描述

3 回答

陪伴而非守候

TA貢獻1757條經驗獲得超8個贊

按鈕上單擊事件的處理程序中有兩個錯誤。

首先，您需要調用 jQuery val方法以獲取輸入的值。

其次，您要添加的 DOM 元素的選擇器不正確。

因此，代碼應該是：

$('#add-container').on('click', 'button', function(){

var value = $('#add-container input').val();

var html = '<a>' + value + '</a>'

$('#megobrebi').prepend(html);

})

反對回復 2021-06-24

天涯盡頭無女友

TA貢獻1831條經驗獲得超9個贊

將您的腳本代碼更改為

$(document).ready(function() {

$('#add-container button').on('click', function(e){

e.preventDefault(); // You may use this line if you wish to disable the default functionality button.

var value = $('#add-container input').val();

var html = '<a>' + value + '</a>';

$('#megobrebi').prepend(html);

});

反對回復 2021-06-24

森林海

TA貢獻2011條經驗獲得超2個贊

最后一行應該是

$('#megobrebi').prepend(html);

反對回復 2021-06-24

3 回答
0 關注
144 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

我想添加一個帶有 jQ??uery 前綴的元素

我想添加一個帶有 jQ??uery 前綴的元素

3 回答

添加回答