Javascript 内容的动态检测

我有一个html，它可以生成这样的代码

<div>
     <div>
       <div id ="title"> This is my Title</div>
     </div>
     <div id ="description"> This is Description</div>
</div>

这是我的头衔
这是描述

---

我需要获取这些div的内容，有时div id改变，有时不提供id。我的问题是，如果每次我加载页面时div的id改变，我如何获取该div的值或内容，或者是否有任何方法或想法来实现它，我需要知道该div是否包含描述或标题？我认为这很难实现。

如果您可以向这些div的父元素添加id或类

<div id='wrapper'>
     <div>
       <div id ="title"> This is my Title</div>
     </div>
     <div id ="description"> This is Description</div>
</div>

您可以检查这些变量的值

如果id是完全随机的，但结构是静态的，您可以：

var contents_one = $('wrapper').children().get(0).children().get(0).html();
var contents_two = $('wrapper').children().get(1).html();

---

这确实很难实施。事实上，这是不可能的，除非您正在寻找的元素具有另一个独特的特征（例如，始终具有相同的祖先链）。是这样吗？它有一些元素，但元素也会改变唯一不变的元素是div，我想我需要为每个div做一个读者，了解它会有什么样的内容结构也会改变吗？或者你能相信这样一个事实：

title

元素将始终是第三个div？你能用什么方式控制这些元素？如果您只有标题和描述，并且可以在那些您知道不会更改的元素上放置一个类，那么您就拥有了您的元素。关于哪个是哪个，一个简单的解决方案是检查文本长度。通常标题比描述要短。@RienNeVaPlus是的，结构发生了变化，我无法控制它。我无法控制div。我只获取正在创建或生成的div。为了区分目标，页面中有任何特定于静态的内容？我只能读取div，但无法更改结构或者改变它的元素，这是我唯一能检测到div是title还是description的方法

var contents_one = $('wrapper').children().get(0).children().get(0).html();
var contents_two = $('wrapper').children().get(1).html();