特定クラスの属性値に応じて、処理を変えたい

Question

javascript,JQueryにて特定クラスを取得し、配下の要素の属性値によってその後の処理を変えたいと考えています。
以下例の場合、testクラスを配列か何かで全て取得し、autoplay要素のautoPlay属性、True/Falseに応じて、saiseiBtnクラスのaタグ要素のhref属性値を書き換えたいと思っています。

処理前

<!-- 動画1 -->
<div class="test">
 <video width="500" height="200" autoplay="true">
 <div class="saiseiBtn">
  <a title="再生" href="javascript:;">
 </div>
</div>

<!-- 動画2 -->
<div class="test">
 <video width="500" height="200" autoplay="false">
 <div class="saiseiBtn">
  <a title="再生" href="javascript:;">
 </div>
</div>

処理後

<!-- 動画1 -->
<div class="test">
 <video width="500" height="200" autoplay="true">
 <div class="saiseiBtn">
  <a title="再生" href="autoPlay();">
 </div>
</div>

<!-- 動画2 -->
<div class="test">
 <video width="500" height="200" autoplay="false">
 <div class="saiseiBtn">
  <a title="再生" href="notAutoPlay();">
 </div>
</div>

どのような方法であれば上記が可能かご教授いただきたく。
よろしくお願いいたします。

Comments

[maisumakun]

それを「JavaScriptで」処理する必要性はどのようなものでしょうか？

[moti6n]

ありがとうございます。
上記htmlは自動で生成されるもので、ページ読み込み後に動画の再生種別(自動再生、手動再生)に応じて、その後の処理を追加したいためです。
javaScript以外でやり方が思いつかなかったため、javaScriptとさせていただきました。

[maisumakun]

> 上記htmlは自動で生成されるもので

その生成処理に手は出せないのですか？

[moti6n]

今回は生成処理には手を加えず、外部的にどうかできないかについて方法を検討しているため、手は出せない　になります。

Answer 1

いまいち何がしたいかわかりませんが
まずは閉じてないaに適当な要素を入れて閉じてください
hrefは一定のダミーをいれておき
「on('click'」で処理を実装すればいいでしょう