通过 url 与 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>

我正在尝试通过传递推文 URL.

在我的网站中嵌入推文

我想直接更改blockquote herf。但是没用....

Answer 1

您需要将 json 对象放在数组方括号 [].

中

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


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

Answer 2

您可以这样设置您的对象：

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>

通过 url 与 JQuery 交替更改嵌入的推特

changing embeded twitter by alternating url with JQuery

javascript

twitter

jquery