获取li节点属性data-view="7"的子节点文本内容
时间: 2024-09-06 08:02:42 浏览: 34
bootstrap-treeview
如果你想要获取某个`<li>`节点下`data-view="7"`的所有子节点(比如可能是嵌套的其他元素)的文本内容,你可以使用递归的方式来遍历这些子节点。下面是一个简单的示例,假设我们有一个类似这样的HTML结构:
```html
<li data-view="7">
<span>Text 1</span>
<p>More Text</p>
<div data-view="7-child">Child Content</div>
</li>
```
可以使用JavaScript如下的代码来获取:
```javascript
function getTextByDataView(element, targetValue) {
if (element.getAttribute('data-view') === targetValue) {
return element.textContent.trim();
}
for (let child of element.children) {
const text = getTextByDataView(child, targetValue);
if (text) {
return text;
}
}
return null;
}
// 使用函数获取data-view为7的元素及其子元素的文本
const textContent = getTextByDataView(document.querySelector('li[data-view="7"]'), "7");
console.log(textContent); // 输出: "Text 1", "More Text", 或者 "Child Content"
```
这段代码会查找指定`data-view`值为7的第一个元素及其所有子元素,返回其文本内容。
阅读全文