javascript - 使用 jQuery 处理缩小范围的 DOM

Question

我目前正在尝试找出一种在选定的<div>内工作的方法。为了能够发送文本格式的电子邮件。

所以有一个按钮显示“电子邮件”。当用户点击它时，它会抓取最近的 div，如下所示。

var selectedDiv = $(callingElement).closest(".myClassName");

从那里我想获取各种 dom 元素来创建一个干净的文本格式。那么我如何使用 jQuery 在 selectedDiv 中工作呢？

例如，

1. 获取<h1>值。
2. 获取<li>具有某些类名的值
3. 获取“title”属性值。

Answer 1

selectedDiv jQuery 对象包装 div 元素。使用 find 方法搜索后代元素，使用 attr 获取 div 元素本身的属性。

selectedDiv.find('h1');
selectedDiv.find('li.someClass');
selectedDiv.attr('title');

调用 text() 方法从 h1 或 li 获取文本。

selectedDiv.find('h1').text();