jQuery過濾DOM結構

我在我的DOM中有HTML，你可以在下面找到HTML代碼。我想寫一個javascript函數，它通過id返回我的圖像和字體標籤。我怎樣才能做到這一點？jQuery過濾DOM結構

<ul id="ChatUsers"> 
    <li class="ajaxchat_Available" id="ajaxchat_42"> 
     <img src="http://cash.co/modules/mod_ajaxchat/images/countryflags/us.gif"> 
     <strong> 
      <a onclick="javascript:chatWith(42, 'us',) 'darkgreen')" href="javascript:void(0)"> 
       <font color="darkgreen"><b>&nbsp;&nbsp;Admin</b></font> 
      </a> 
     </strong> 
    </li> 
    <li class="ajaxchat_Available" id="ajaxchat_48" 
     <img src="http://cash.co/modules/mod_ajaxchat/images/countryflags/xx.gif"> 
     <strong> 
      <a onclick="javascript:chatWith(48, 'xx', '#ff0000')" href="javascript:void(0)"> 
       <font color="#ff0000">&nbsp;&nbsp;tony</font> 
      </a> 
     </strong> 
    </li> 
</ul>

我該如何編寫這個函數，它通過id返回我的img和font標籤？

function get_data_by_id(42) { 
... 
jQuery filter code here... 

return { 
    img: '<img src="http://cash.co/modules/mod_ajaxchat/images/countryflags/us.gif">', 
    font: '<font color="darkgreen"><b>&nbsp;&nbsp;Admin</b></font>' 
}

謝謝！

來源

2013-04-26 user889349

那麼你嘗試過什麼？ – Sirko 2013-04-26 09:01:53

爲什麼你需要一個功能？你所要做的只是閱讀文檔，然後找出'$（'＃ajaxchat_48'）'就足夠了。 – adeneo 2013-04-26 09:03:03

試試這個：

function get_data_by_id(id) { 
    var img = $("#ajaxchat_" + id).find("img").get(0); 
    var font = $("#ajaxchat_" + id).find("font").get(0); 

    return obj = { 
     "img" : img, 
     "font" : font 
    }; 
}

來源

2013-04-26 09:11:44 Alepac

因爲id是輸入參數

var img = $("#" + id).find("img").outerHTML(); 

var font = $("#" + id).find("Strong a font").outerHTML(); 

return obj = { 
    "img" : img, 
    "font" : font 
};

來源

2013-04-26 09:08:36 ripu1581

jQuery過濾DOM結構

回答

相關問題