changing embeded twitter by alternating url with JQuery

Question

<article class="result">
<h2 id="twUrl"><blockquote class="twitter-tweet"><a id="twlk" href=""></a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></h2>
</article>

<scirpt>
function twChange(){
var twtw = result["a"]
$("#twlk").attr("href",twtw);
}
twChange();


var result = {{"a":"TWitterUrl1"},
              {"b":"TWitterUrl2"},
              {"c":"TWitterUrl3"}}
</script>

I'm trying to embed tweets in my Web by passing in a tweets URL.

I want to change blockquote herf directly. But it doesn't work....

Answer 1

You can set up your object like this:

var result = {
  "a": "TWitterUrl1",
  "b": "TWitterUrl2",
  "c": "TWitterUrl3"
}

var result = {
  "a": "TWitterUrl1",
  "b": "TWitterUrl2",
  "c": "TWitterUrl3"
}

function twChange() {
  var twtw = result["a"]
  $("#twlk").attr("href", twtw);
}
twChange();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<article class="result">
  <h2 id="twUrl">
    <blockquote class="twitter-tweet">
      <a id="twlk" href="">link</a>
    </blockquote>
    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  </h2>
</article>