html选择搜索所有父级的标签和值

$(e).parents('ul');

<div class="div">

<ul><li οnclick="search(this)"></li><ul>

</div>

function search(e){

$(e).parents('ul');

var divClass = $(e).parents('ul').attr('value');//获取对应的值

}

parents 是一直搜索父级  知道搜索到里面定义的标签 或者类、id等。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要创建父级标签和多个子级标签,可以按照以下步骤进行操作: 1. 在 `<script setup>` 标签中导入 `ref` 和 `onMounted` 函数。 ```javascript <script setup> import { ref, onMounted } from 'vue'; </script> ``` 2. 创建一个 ref 变量来存储要渲染的数据。 ```javascript <script setup> const myData = ref(['Child 1', 'Child 2', 'Child 3']); </script> ``` 3. 在 `onMounted` 生命周期钩子函数中创建父级标签和子级标签。 ```javascript <script setup> onMounted(() => { const parentElement = document.createElement('div'); // 创建父级标签 parentElement.classList.add('parent-element'); myData.value.forEach(childData => { const childElement = document.createElement('div'); // 创建子级标签 childElement.classList.add('child-element'); childElement.textContent = childData; parentElement.appendChild(childElement); }); document.body.appendChild(parentElement); }); </script> ``` 在这个示例中,我们使用 `myData` 数组中的数据循环创建子级标签,并将它们添加到父级标签中。 4. 在 CSS 文件中定义 `.parent-element` 和 `.child-element` 类的样式。 ```css .parent-element { background-color: #f1f1f1; padding: 10px; } .child-element { margin-bottom: 5px; padding: 5px; background-color: #ffffff; } ``` 这样,我们创建了一个带有父级标签和多个子级标签的 DOM 结构,并为它们应用了 CSS 样式。 请确保在适当的时机调用 `onMounted` 函数,并在 CSS 文件中定义所需的样式。你可以根据自己的需求进行进一步的修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值