首頁(yè) 猿問(wèn) JQuery批量操作DOM元素

JQuery批量操作DOM元素

JQuery

田青國(guó)4016870 2016-09-29 14:41:07

<div id="dsize">????<div id="1">111</div>... 批量生成的div...<div id="N">454</div>???</div>var $dsize = $("#dsize");??????????? for (var i = 0; i < $dsize.length; i++) {??????????????? $dsize.eq(i).click(function () {??????????????????? $dsize.eq(i).addClass("on");//為什么加不上樣式??????????????????? //$dsize.eq(i).css("color", "red");//這樣也加不上樣式??????????????? })??????????? }補(bǔ)充：這是完整的代碼包括取值$(document).ready(function () {??????????? var ID = $("#txtID").val();??????????? var url = $.format("../../Controls/InfoHandler.ashx?param={0}", "getinfo");??????????? $.getJSON(url, function (data, status) {??????????????? for (var i = 0; i < data.length; i++) {??????????????????? $("#dsize").append(??????????????????????? "<div id="+data[i].InvID+">" + data[i].Size + "</div>"??????????????????????? );??????????????? }??????????? });??????????? var $dsize = $("#dsize");??????????? for (var i = 0; i < $dsize.length; i++) {??????????????? $dsize.eq(i).click(function () {??????????????????? $dsize.eq(i).addClass("on");??????????????????? //alert($dsize.eq(i).attr("class"));??????????????????? //$dsize.eq(i).css("color", "red");??????????????? })??????????? }??????? });

查看完整描述

2 回答

已采納

Caballarii

TA貢獻(xiàn)1123條經(jīng)驗(yàn) 獲得超629個(gè)贊

var $dsize = $("#dsize");改成

var $dsize = $("#dsize").children();

反對(duì) 回復(fù) 2016-09-29

田青國(guó)4016870
之前是這么寫(xiě)的也不行 var $dsize = $("#dsize").children("div"); $dsize.eq(0).addClass("on"); 但是在這兩句設(shè)斷點(diǎn)執(zhí)行就可以

回復(fù) 2016-09-29
Caballarii
異步的問(wèn)題，你是在$.getJson的回調(diào)函數(shù)里增加的子元素內(nèi)容，所以會(huì)在你后面綁定click的代碼之后執(zhí)行

回復(fù) 2016-09-29
田青國(guó)4016870
那應(yīng)該怎么寫(xiě)呢新手求指教

回復(fù) 2016-09-29

點(diǎn)擊展開(kāi)后面5條

qq_晝綻_0

TA貢獻(xiàn)82條經(jīng)驗(yàn) 獲得超17個(gè)贊

$dsize.length什么意思，難道還有幾個(gè)？

反對(duì) 回復(fù) 2016-09-29

qq_晝綻_0
拿到子代的方法錯(cuò)了，應(yīng)該用選擇器拿。節(jié)點(diǎn)對(duì)象都是通過(guò)選擇器拿的，先刷一遍課程吧

回復(fù) 2016-09-29
田青國(guó)4016870
這是原先的寫(xiě)法也是不行 $(document).ready(function () { var ID = $("#txtID").val(); var url = $.format("../../Controls/InfoHandler.ashx?param={0}", "getinfo"); $.getJSON(url, function (data, status) { for (var i = 0; i < data.length; i++) { $("#dsize").append( "<div id="+data[i].InvID+">" + data[i].Size + "</div>" ); } }); var $dsize = $("#dsize").children("div"); $dsize.eq(0).addClass("on"); });

回復(fù) 2016-09-29