jquery动态罢工不起作用

时间:2014-07-11 17:39:20

标签: jquery html css

所以我动态插入一个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);
    }
});

1 个答案:

答案 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