2011-09-15 30 views
0

我有這個網站UL代碼爲jQuery的問題。獲得

<ul> 
    <li> <a href='#' class='approch' alt='1' > 111111 </a> </li> 
    <li> <a href='#' class='approch' alt='2' > 222222 </a> </li> 
    <li> <a href='#' class='approch' alt='3' > 333333 </a> </li> 
    <li> <a href='#' class='approch' alt='4' > 444444 </a> </li> 
    <li> <a href='#' class='approch' alt='5' > 555555 </a> </li> 
    <li> <a href='#' class='approch' alt='6' > 666666 </a> </li> 
    <li> <a href='#' class='approch' alt='7' > 777777 </a> </li> 
</ul> 

現在,我想使這個

當任何超鏈接用戶點擊我讓ALT它包含的ID號

Ĵ查詢應採取此ID併發送獲取請求文件並加載HTML代碼

問題是如何添加從文件中的答案代碼後他點擊它

意思是,如果我點擊第一個鏈接

<ul> 
    <li> <a href='#' class='approch' alt='1' > 111111 </a> </li> 
    **My Loaded code should apper here** 
    <li> <a href='#' class='approch' alt='2' > 222222 </a> </li> 
    <li> <a href='#' class='approch' alt='3' > 333333 </a> </li> 
    <li> <a href='#' class='approch' alt='4' > 444444 </a> </li> 
    <li> <a href='#' class='approch' alt='5' > 555555 </a> </li> 
    <li> <a href='#' class='approch' alt='6' > 666666 </a> </li> 
    <li> <a href='#' class='approch' alt='7' > 777777 </a> </li> 
</ul> 
+0

謝謝你,蒂姆·布泰爲編輯我的問題:)它看起來像現在好了 – SamarLover

回答

2

類似:

$("a").load(url, function(data) { 
    $(this).parent().after(data); 
}); 

,如果你使用的是一個元素HREF作爲URL源你可以這樣做:http://jsbin.com/uvipaj/edit

+0

我添加了這段代碼,他工作但所有li從文件中取出attr並在它也包含文件中的值後 – SamarLover

+0

看看@Drake代碼在下面將做你正在尋找的東西。 – voigtan

+0

謝謝你工作正常:) – SamarLover

4
$(".approach").click(function(e){ 
    e.preventDefault(); 

    $.get("http://yourwebsite.com/yourfile.php?id=" + $(this).attr("alt"), function(data){ 
     $(this).parent().insertAfter(unescape(data)); 
    }); 
}); 

聽起來是正確的

+0

我加入這個代碼,但沒有發生$(「辦法」)。點擊(函數(){ $ .GE t(「h_app.php?id =」+ $(this).attr(「alt」),function(data){(this).html(unescape(data)); }); return false; }); – SamarLover

+0

我不認爲有返回false的原因,你也設置錨的HTML。不在之後。最後,檢查任何調試器,如firebug,如果該文件與您的JavaScript文件位於同一目錄中,並且調用回調。 – Drake

+1

返回false將幫助你,如果你不想你的散列符號,當你點擊a元素。 – voigtan

0
$('.approch').click(function() { 
    var id = $(this).attr('alt'); 
    var newli = '<li></li>'; 
    $(this).closest('li').after(newli); 
    newli.load('/file.html'); 
}); 
+0

謝謝你的幫助:) – SamarLover

0

您可以使用這樣的事情:

$('a').click(function() { 
    $(this).parent().append('<br>'+$(this).attr("alt")); 
}); 

example

你會需要調整它來滿足您的需求,但我認爲最好的方法應該是建立一個div波紋管每李和與文本填寫你想要

+0

你的代碼工作正常,但它增加了鏈接attr alt的值我怎麼能使它追加值來自文件 – SamarLover

+0

謝謝你的幫助:) – SamarLover

+0

SamarLover我只開發了一個小例子,而不是完整的代碼。由於您沒有向我們提供您的所有代碼,因此您需要用您自己的代碼替換該示例 – JSantos