所以我的代码有一些问题。我试图删除一个链接 (a),然后添加一个具有不同文本的新链接 (a)。
这是代码
HTML:
<label for="name" class="control-label">Username:</label>
@<a href="<?php echo $username ?>">
<p class="text-info-username">
<?php echo strtolower($username) ?><i class="icon-star"></i></a></p>
<div class="controls-username">
<a href='#' id="edit-username" class="btn"><i class="fa fa-pencil"></i> Edit</a>
</div>
脚本:
$('#edit-username').click(function() {
var text = $('.text-info-username').text();
var input = $('<input type="text" placeholder="' + text + '" id="editTextBox" />')
$('.text-info-username').text('').append(input);
$('#edit-username').remove();
$('<a href='#' id="update" class="btn">Update</a>').appendTo('.controls-username');
$('<br /><br />').insertAfter('.controls-username');
});
最佳答案
我认为您的报价有问题。这是 JS 的修订版本:
$('#edit-username').click(function() {
var text = $('.text-info-username').text();
var input = $('<input type="text" placeholder="' + text + '" id="editTextBox" />');
$('.text-info-username').text('').append(input);
$('#edit-username').remove();
$('<a href="#" id="update" class="btn">Update</a>').appendTo('.controls-username');
$('<br /><br />').insertAfter('.controls-username');
});
还有一个 jsFiddle: http://jsfiddle.net/qhcf39oo/
关于javascript - 使用 jQuery 和 HTML 添加到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28643860/