javascript - 动态检测内容

Question

我有生成<div>这样代码的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 是否包含描述或标题？我认为很难实施。

Answer 1

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

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

你可以：

var title_html = $('.wrapper').find('div#title').html();
var desc_html = $('.wrapper').find('div#description').html();

您可以检查这些变量的值。

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

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