javascript - リスト項目の内部 dom 要素を変更するための Javascript の効率的なアプローチ

Question

内部に 12 個のリスト アイテムを含む順序付けられていないリストがあります。

<ul class="rb-grid" id="list">
   <li class="view view-fifth">
       <div class="mask">
          <h2>Article Name</h2>
          <p>Brief</p>
          <a href="#" class="info">Read More</a>
       </div>
   </li>
   ...
   ...
</ul>

今私が欲しいのは、ページの読み込み時にこれらのh2タグとpタグのコンテンツを変更する必要があることですが、すべてのリスト項目をハードコーディングすることでこれを行うことができますが、 javascriptまたはjquery何でも....今、道場でこのようなものを見つけました。これは、私が実際に何を望んでいるのかを明確にします-

var items = registry.byId("list").getChildren();
array.forEach(items, function(item, idx) {
item.onClick = function(evt) {
};
});

すべてのリスト項目内の h2 および p タグの内容を変更するようなことをしたい