我有另一个div它可以使用这个js代码,但不知何故,这个没有。谁能告诉我为什么它不起作用?
$(function () {
var $scntDiv = $('#parts');
var i = $('#parts input').size()-1;
$('#addField').on('click', function () {
var part = '<div id="parts' + i + '"><span>Part</span> <input type="text" id="auto_part' + i + '" name="auto_part' + i + '" /><br/>' +
'<span>Description</span> <textarea type="text" id="auto_description' + i + '" name="auto_description' + i + '"></textarea> <br />' +
'<a href="#" class="removefield">Remove</a></div>';
$scntDiv.after(part);
$("#row_count").val(i);
i++;
return false;
});
$(document).on("click", ".removefield", function () {
if (i > 2) {
$("#row_count").val(i-2);
$(this).parent('div').remove();
i--;
}
return false;
});
});
$(function () {
var $scntDiv = $('.brands');
var i = $('.brands select').size()-1;
$('#addBrand').on('click', function () {
var brand = "<div class='brands'><span>Brands</span><br />"+
'<select>'+
'<option>Audi</option>'+
'<option>BMW</option>'+
'<option>Mercedes</option>'+
'</select>'+
'</div>';
$scntDiv.after(brand);
$("#countBrand").val(i);
i++;
return false;
});
$(document).on("click", ".removeBrand", function () {
if (i > 2) {
$("#countBrand").val(i-2);
$(this).parent('div').remove();
i--;
}
return false;
});
});
第一个功能对我有用,但最后一个没有。
答案 0 :(得分:-1)
两件事,你必须将你的jQuery添加到页面,并用单引号替换js字符串的内部双引号,并使外部引号为double。
var a = '<a href="#">CLICK</a>'; // will result in an error
var a = "<a href='#'>CLICK</a>"; // is correct