我正在嘗試為鏈接的“值”變數添加樣式，但沒有成功。有誰能夠幫助我？
我正在使用的代碼示例：
$(document).ready(function(){
$(".guide").append(function(){
$.getJSON("https://sheets.googleapis.com/v4/spreadsheets/10Ct44JBW-CyoApJXIV87jeVU3Rr-fiLTdoTIJdbSwG8/values/page1!A2:C3?key=AIzaSyArRlzwEZHF50y3SV-MO_vU_1KrOIfnMeI"
, function(result){
$.each(result.values, function(i, field){
$(".guide").append( '<div style="font-size: 12px;">' field '</div>' '<div style="font-size: 14px;">' field '</div>' '<div style="font-size: 18px;">' field '</div>');
});
});
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class="guide"></div>uj5u.com熱心網友回復：
根據您的資料結構，您必須在 上“回圈” result.values[0]，并將您的“樣式”存盤在陣列中，然后訪問值和樣式的相應索引 (i)。
$(document).ready(function(){
$(".guide").append(function(){
$.getJSON("https://sheets.googleapis.com/v4/spreadsheets/10Ct44JBW-CyoApJXIV87jeVU3Rr-fiLTdoTIJdbSwG8/values/page1!A2:C3?key=AIzaSyArRlzwEZHF50y3SV-MO_vU_1KrOIfnMeI"
, function(result){
let style = ['12','14','18'];
$.each(result.values[0], function(i, field){
$(".guide").append( '<div style="font-size:' style[i] 'px;">' field '</div>');
});
});
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class="guide"></div>但是有一種更合適的方法可以使用Array.map由Chris G共享
https://jsfiddle.net/khrismuc/g16fxd79/
uj5u.com熱心網友回復：
考慮以下內容：https : //jsfiddle.net/Twisty/08a2rps7/11/
HTML
<div class="guide"></div>
CSS
.sm {
font-size: 12px;
}
.rg {
font-size: 14px;
}
.lg {
font-size: 18px;
}
JavaScript
$(function() {
$.getJSON("https://sheets.googleapis.com/v4/spreadsheets/10Ct44JBW-CyoApJXIV87jeVU3Rr-fiLTdoTIJdbSwG8/values/page1!A2:C3?key=AIzaSyArRlzwEZHF50y3SV-MO_vU_1KrOIfnMeI", function(result) {
var classes = [
"sm",
"rg",
"lg"
];
$.each(result.values[0], function(i, field) {
$(".guide").append('<span hljs-string">'">' field '</span>');
});
});
});
您可以選擇使用 DIV 與 SPAN，但 DIV 自然會阻塞，因為 SPAN 是行內的。你result.values是一個陣列或陣列，因此，field是一個陣列。您必須正確索引它才能獲得每個部分。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/328218.html
標籤：javascript html 查询 数组 谷歌表格