使用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();

Answer 2

selectedDiv.children('h1').text();
selectedDiv.children('li.className').text();
selectedDiv.attr('title');

但不知怎的，我认为你可能会问“错误”的问题。