Jquery load 函數(shù)可以通過(guò)ajax方式從服務(wù)器加載數(shù)據(jù),然后將其插入到指定元素中。而在實(shí)際操作中,我們經(jīng)常需要從這些加載的數(shù)據(jù)中獲取一些特定的值,進(jìn)行進(jìn)一步的處理。下面就介紹一下如何通過(guò)jquery load 函數(shù)來(lái)取值。
$.ajax({ url: "test.html", cache: false, success: function(html){ $("#result").append(html); var value = $("#result div").attr("data-id"); console.log(value); } });
上面的代碼展示了如何使用load函數(shù)從test.html中加載數(shù)據(jù),并將其插入到id為result的元素中。同時(shí),還通過(guò)attr函數(shù)獲取了id為result下的第一個(gè)div元素的data-id屬性值,并將其輸出在控制臺(tái)中。
另外,我們還可以將load函數(shù)的返回值作為jquery對(duì)象使用,進(jìn)一步進(jìn)行選擇和處理。
var $data = $("").load("test.html", function(){ var value = $data.find("div").attr("data-id"); console.log(value); });
上面的代碼展示了如何將load函數(shù)的返回值作為jquery對(duì)象使用,并在回調(diào)函數(shù)中通過(guò)find函數(shù)選擇需要的元素,獲取其屬性值并輸出。同時(shí),這種方式還可以讓我們更方便地進(jìn)行后續(xù)的操作。