Javascript 使用JQuery获取DT和DD元素的内容

我试图通过点击链接来获取字典术语（DT）及其字典定义（DD）的内容

迄今采取的步骤：

将链接的数据轨迹属性设置为DT id

构造选择器

使用选择器获取DT 到目前为止很成功，但是

更新选择器以获取DD

这就是它失败的地方：使用更新的选择器的步骤不会返回字典定义的内容 尝试使用“dd”、“dd:first”和“dd:nth child（1）”构造选择器
并将“var definition=$（defSelector）.text（）；”更改为“…val（）”和“.html（）”，但这些都不起作用

请让我知道您是否可以确定并解释解决方案

$（'.help lookup'）。单击（函数（）{
//获取此数据目标
var target=$（this）.data（“target”）；
警报（“数据目标=”+目标）；
//使用目标值创建#+DT选择器
选择器=（“#”+目标）；
警报（“选择器=”+选择器）；
//得到瓷砖
var title=$（选择器）.html（）；
//title=$（此）.text（title）；
警报（标题）；
//创建DD选择器
var defSelector=（选择器+'dd:first'）；
警报（除雾选择器）；
//得到定义
变量定义=$（defSelector）.text（）；
警报（定义）；
});


目标：单击“查找”返回DT和DL的html内容

预期：最终警报显示：“定义文本”

实际：最终警报显示“”

学期
定义文本
（选择器+'dd:first'）
错误。您正试图获取
选择器旁边的元素文本（
#termtookup
）。因此，请使用该方法


$（'.help lookup'）。单击（函数（）{
//获取此数据目标
var target=$（this）.data（“target”）；
警报（“数据目标=”+目标）；
//使用目标值创建#+DT选择器
选择器=（“#”+目标）；
警报（“选择器=”+选择器）；
//得到瓷砖
var title=$（选择器）.html（）；
//title=$（此）.text（title）；
警报（标题）；
//创建DD选择器
var defSelector=$（选择器）.next（“dd”）；//在此处更改
警报（除雾选择器）；
//得到定义
var definition=defSelector.text（）；//在此处更改
警报（定义）；
});


目标：单击“查找”返回DT和DL的html内容

预期：最终警报显示：“定义文本”

实际：最终警报显示“”

学期
定义文本
（选择器+'dd:first'）
错误。您正试图获取
选择器旁边的元素文本（
#termtookup
）。因此，请使用该方法


$（'.help lookup'）。单击（函数（）{
//获取此数据目标
var target=$（this）.data（“target”）；
警报（“数据目标=”+目标）；
//使用目标值创建#+DT选择器
选择器=（“#”+目标）；
警报（“选择器=”+选择器）；
//得到瓷砖
var title=$（选择器）.html（）；
//title=$（此）.text（title）；
警报（标题）；
//创建DD选择器
var defSelector=$（选择器）.next（“dd”）；//在此处更改
警报（除雾选择器）；
//得到定义
var definition=defSelector.text（）；//在此处更改
警报（定义）；
});


目标：单击“查找”返回DT和DL的html内容

预期：最终警报显示：“定义文本”

实际：最终警报显示“”

学期
定义文本
元素
dd
不是子元素，而是
dt
的兄弟元素。因此，您的选择器需要

$(selector).next('dd')

dd
元素不是子元素，而是
dt
的兄弟元素。因此，您的选择器需要

$(selector).next('dd')

非常感谢，next（）工作得很好。卢伊斯的回答是第一个，所以被接受了。谢谢你的帮助！非常感谢，next（）工作得很好。卢伊斯的回答是第一个，所以被接受了。谢谢你的帮助！