根据窗口宽度删除元素

时间:2015-05-15 09:26:44

标签: javascript jquery

<tr>
<td><input type="checkbox" id="checkbox65" class="css-checkbox med" />
    <label for="checkbox65" class="css-label med elegant" name="avatar" value="image1"/></label></td>
<td><input type="checkbox" id="checkbox65" class="css-checkbox med" />
    <label for="checkbox65" class="css-label med elegant" name="avatar" value="image2"/></label></td>
<td><input type="checkbox" id="checkbox65" class="css-checkbox med"/>
    <label for="checkbox65" class="css-label med elegant"  name="avatar" value="image3"></label></td>
</tr>

我如何定位此元素并将其删除?

这是有效的JavaScript吗?

谢谢!

2 个答案:

答案 0 :(得分:3)

使用jQuery删除元素,因为您已经在使用它。

$('#linkFullWidth').remove(); //if the elements ID is linkFullWidth

$('.linkFullWidth').remove(); //if the elements CLASS is linkFullWidth(will delete all elements with this class though)

因为你已经在变量中缓存了

$($linkFullWidth).remove(); //would do the job just fine

答案 1 :(得分:1)

如果要在窗口调整大小时删除它,则需要侦听调整大小:

$(window).on('resize', function() {
    if($(window).width() < 768)
       $('your_element').remove;
});