style 删除元素
时间: 2024-04-20 20:21:02 浏览: 72
删除数组元素
以下是两种删除元素的方法:
1. 使用Vue实例删除元素[^1]:
```html
<template>
<div>
<button @click="removeElement">删除元素</button>
<div v-for="(item, index) in elements" :key="index">{{ item }}</div>
</div>
</template>
<script>
export default {
data() {
return {
elements: ['元素1', '元素2', '元素3']
}
},
methods: {
removeElement() {
this.elements.pop(); // 删除最后一个元素
}
}
}
</script>
```
2. 使用jQuery删除指定子元素[^2]:
```html
<div id="parent">
<div>子元素1</div>
<div>子元素2</div>
<div>子元素3</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('#parent').children().eq(1).remove(); // 删除第二个子元素
});
</script>
```
阅读全文