所以我动态插入一个strike元素,但是它在HTML标记中呈现但是没有在视觉上显示。 Chrome检查器显示已添加strike元素。是因为我是在输入元素周围添加它吗?
这是jQuery
$("#ResidentialStandardPeriod").change(function () {
period = $("#ResidentialStandardPeriod").val();
console.log(period);
if (period == $('#' + period).attr('id')) {
$('#' + period).attr('disabled', true).wrap("<strike>")
$('input[type=checkbox]').not('#' + period).attr('disabled', false);
}
});
答案 0 :(得分:1)
你不能用input
包裹</del>
元素,因为它不会对输入产生任何影响
但是你可以在你的情况number
中包装下一个元素。
我希望你将你的号码包裹在<span>
中然后定位那个范围。
<强> HTML 强>
<input type="checkbox" value="1" id="1"><span>1</span><br>
<input type="checkbox" value="1" id="2"><span>2</span><br>
<input type="checkbox" value="1" id="3"><span>3</span><br>
<input type="checkbox" value="1" id="4"><span>4</span><br>
<强> JQuery的强>
$('#Period').change(function(){
period = $('#Period').val();
$("span").unwrap();
console.log(period);
if (period == $('#'+period).attr('id')){
$('#'+period).attr('disabled',true).next("span").wrap("<del/>");
$('input[type=checkbox]').not('#'+period).attr('disabled', false);
}
});
<强> DEMO 强>