[英]Trouble setting the HTML of a variable in JQuery
我所做的是從文件加載一些HTML,我試圖修改該HTML中的一些元素。
初始化如下所示:
var id = player_info["ID"];
$("#main_container").append(
$("<div />").attr({class: "player_container", id: "player_" + id}).css("display", "none")
);
// Add all information to the player container
var player_container = $("#player_" + id);
player_container.load("player_layout.html");
隨着player_layout.html
看起來像這樣:
<div class="player_name">
</div>
<div class="player_chips">
Chips:
<br/>
<span class='bidding'></span>/<span class='chips'></span>
</div>
<div class="player_stats">
Wins / Losses
<br/>
<span class="wins"></span>/<span class="losses"></span>(<span class="total_games"></span>)
<br/><br/>
Chips Won / Chips Lost
<br/>
<span class="chips_won"></span>/<span class="chips_lost"></span>
</div>
<button class="player_won">Player Has Won</button>
然后我想修改一些元素,特別是類。 我最初這樣做的一個例子是:
player_container.find(".player_name").text(player_info['username']);
這不起作用所以我然后嘗試用html
切換帶有children
和text
find
,但這似乎不起作用。 然后我嘗試了這個:
$('> .player_name', player_container).html(player_info['username']);
但那也行不通。 我知道我可以使用DOM來獲取childNodes
並比較類名,但是有很多類需要修改,我也想知道這是否可以在JQuery中使用。 在此先感謝您的幫助。
你需要使用.load()
完整回調方法
var player_container = $("#player_" + id);
player_container.load("player_layout.html", function(){
player_container.find(".player_name").text(player_info['username']);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.