คำถามติดแท็ก dom

ฉันมีเทมเพลต Angular ใน DOM เมื่อคอนโทรลเลอร์ของฉันได้รับข้อมูลใหม่จากบริการมันจะอัพเดตโมเดลในขอบเขต $ และแสดงเทมเพลตอีกครั้ง ดีมากจนถึงตอนนี้ ปัญหาคือฉันต้องทำงานพิเศษหลังจากเทมเพลตถูกแสดงอีกครั้งและอยู่ใน DOM (ในกรณีนี้คือปลั๊กอิน jQuery) ดูเหมือนว่าจะมีเหตุการณ์ที่ต้องฟังเช่น AfterRender แต่ฉันไม่พบสิ่งใดเลย บางทีคำสั่งอาจเป็นหนทางไป แต่ดูเหมือนว่าจะยิงเร็วเกินไป นี่คือ jsFiddle ที่สรุปปัญหาของฉัน: Fiddle-AngularIssue == UPDATE == จากความคิดเห็นที่เป็นประโยชน์ฉันจึงเปลี่ยนไปใช้คำสั่งเพื่อจัดการการจัดการ DOM และใช้โมเดล $ watch ในคำสั่ง อย่างไรก็ตามฉันยังคงมีปัญหาพื้นฐานเดียวกันอยู่ โค้ดที่อยู่ในเหตุการณ์การเฝ้าดู $ เริ่มก่อนที่จะรวบรวมและแทรกเทมเพลตใน DOM ดังนั้นปลั๊กอิน jquery จะประเมินตารางที่ว่างอยู่เสมอ ที่น่าสนใจถ้าฉันลบการเรียกแบบ async สิ่งที่ใช้งานได้ดีก็เป็นขั้นตอนในทิศทางที่ถูกต้อง นี่คือ Fiddle ที่อัปเดตของฉันเพื่อสะท้อนการเปลี่ยนแปลงเหล่านี้: http://jsfiddle.net/uNREn/12/

182 javascript  jquery  dom  angularjs 

ฉันมีโครงสร้างโหนด HTML ต่อไปนี้: <div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"></div> </div> <span></span> </div> ฉันจะนับจำนวนเด็กfooที่อยู่ในประเภทนั้นได้divอย่างไร ในตัวอย่างด้านบนผลลัพธ์ควรเป็นสอง ( barและbaz)

180 javascript  jquery  dom  jquery-selectors 

ฉันมีช่วงเวลาที่ยากลำบากในการค้นหา DOMElement จริงจากตัวเลือก jquery รหัสตัวอย่าง: <input type="checkbox" id="bob" /> var checkbox = $("#bob").click(function() { //some code } ) และอีกส่วนหนึ่งของรหัสฉันพยายามกำหนดค่าที่เลือกของช่องทำเครื่องหมาย if ( checkbox.eq(0).SomeMethodToGetARealDomElement().checked ) //do something. และโปรดฉันไม่ต้องการทำ: if ( checkbox.eq(0).is(":checked")) //do something นั่นเป็นของฉันรอบกล่องกาเครื่องหมาย แต่เวลาอื่น ๆ ที่ฉันต้องการ DOMElement ที่แท้จริง

179 javascript  jquery  dom 

ฉันมีบางลิงค์ที่ฉันต้องการเลือกคลาสและรหัสในเวลาเดียวกัน นั่นเป็นเพราะฉันมีพฤติกรรมที่แตกต่าง 2 อย่าง เมื่อคลาสของลิงก์มีชื่อคลาสหนึ่งชื่อพวกมันจะทำงานในทิศทางเดียวเมื่อลิงก์ประเภทเดียวกันมีชื่อคลาสอื่นพวกมันก็จะทำงานต่างกัน ชื่อคลาสเป็น switch with jquery ดังนั้นฉันต้องสามารถเลือกลิงค์คลาสและรหัสได้ในเวลาเดียวกัน เป็นไปได้ไหม ฉันพยายามแล้ว: $("a .save #country") ไม่มีผลลัพธ์ใด ๆ

170 jquery  dom  jquery-selectors  css-selectors 

ฉันใช้ jQuery และฉันต้องการตรวจสอบการมีอยู่ขององค์ประกอบในหน้าของฉัน ฉันเขียนโค้ดต่อไปนี้แล้ว แต่มันไม่ทำงาน: if($("#btext" + i) != null) { //alert($("#btext" + i).text()); $("#btext" + i).text("Branch " + i); } ฉันจะตรวจสอบการมีอยู่ขององค์ประกอบได้อย่างไร

169 javascript  jquery  dom  object  null 

ฉันต้องตั้งค่าข้อความภายในองค์ประกอบ DIV แบบไดนามิก อะไรคือวิธีที่ปลอดภัยและดีที่สุดสำหรับเบราว์เซอร์ ฉันมีต้นแบบและสคริปต์ที่ใช้ได้ <div id="panel"> <div id="field_name">TEXT GOES HERE</div> </div> ฟังก์ชันจะมีลักษณะดังนี้: function showPanel(fieldName) { var fieldNameElement = document.getElementById('field_name'); //Make replacement here }

166 javascript  html  dom 

ฉันต้องการเขียนบางอย่างของการเรียงลำดับ: //a[not contains(@id, 'xx')] (หมายถึงลิงก์ทั้งหมดที่มีแอตทริบิวต์ 'id' ไม่มีสตริง 'xx') ฉันไม่พบไวยากรณ์ที่ถูกต้อง

164 dom  xpath  xpathquery 

ฉันต้องการแทนที่องค์ประกอบใน DOM ตัวอย่างเช่นมี<a>องค์ประกอบที่ฉันต้องการแทนที่ด้วย<span>แทน ฉันจะไปและทำอย่างนั้นได้อย่างไร

162 javascript  dom 

เป็นไปได้ไหมที่จะใช้ jQuery เพื่ออ่านเมตาแท็ก ถ้าเป็นเช่นนั้นคุณรู้หรือไม่ว่าโครงสร้างพื้นฐานของโค้ดจะเป็นอะไรหรือมีลิงก์ไปยังบทช่วยสอนใด ๆ

157 jquery  dom  meta-tags 

ในต่อไปนี้: <select id="test"> <option value="1">Test One</option> <option value="2">Test Two</option> </select> ฉันจะได้รับข้อความของตัวเลือกที่เลือก (เช่น "ทดสอบหนึ่ง" หรือ "ทดสอบสอง") โดยใช้ JavaScript document.getElementsById('test').selectedValue ส่งคืน 1 หรือ 2 คุณสมบัติใดที่ส่งคืนข้อความของตัวเลือกที่เลือก?

156 javascript  html  dom 

ฉันพยายามที่จะวนรอบองค์ประกอบทั้งหมดในหน้าดังนั้นฉันต้องการตรวจสอบทุกองค์ประกอบที่มีอยู่ในหน้านี้เพื่อเรียนพิเศษ ดังนั้นฉันจะบอกว่าฉันต้องการตรวจสอบทุกองค์ประกอบได้อย่างไร

156 javascript  dom 

วิธีใดที่จะมีประสิทธิภาพที่สุดในการค้นหาองค์ประกอบลูกของ (ที่มีคลาสหรือ ID) ขององค์ประกอบหลักโดยใช้จาวาสคริปต์ที่บริสุทธิ์เท่านั้น ไม่มี jQuery หรือกรอบอื่น ๆ ในกรณีนี้ฉันจะต้องหาchild1หรือchild2ของparentโดยสมมติว่าทรี DOM อาจมีองค์ประกอบคลาสchild1หรือchild2หลายตัวในทรี ฉันต้องการเพียงองค์ประกอบของผู้ปกครอง <div class="parent"> <div class="child1"> <div class="child2"> </div> </div> </div>

154 javascript  dom 

ฉันต้องการรับองค์ประกอบปัจจุบัน (องค์ประกอบใดก็ตามที่เป็น) ในเอกสาร HTML ที่ฉันคลิก ฉันใช้: $(document).click(function () { alert($(this).text()); }); แต่แปลกมากฉันได้รับข้อความของเอกสารทั้งหมด (!) ไม่ใช่องค์ประกอบที่ถูกคลิก จะได้รับเฉพาะองค์ประกอบที่ฉันคลิกเท่านั้นได้อย่างไร ตัวอย่าง <body> <div class="myclass">test</div> <p>asdfasfasf</p> </body> หากฉันคลิกที่ข้อความ "test" ฉันต้องการอ่านแอตทริบิวต์ด้วย$(this).attr("myclass") ใน jQuery

150 javascript  jquery  html  dom 

ฉันมีส่วนหนึ่งในเว็บไซต์ของเราที่โหลดค่อนข้างช้าเนื่องจากมีการโทรจำนวนมาก ความคิดใดที่ฉันสามารถdivบอกสิ่งที่คล้ายกับ "กำลังโหลด" เพื่อแสดงในขณะที่หน้าเตรียมตัวเองแล้วหายไปเมื่อทุกอย่างพร้อม?

148 javascript  jquery  html  dom  loader 

ฉันต้องทำการเรียกกลับเมื่อ IFRAME โหลดเสร็จแล้ว ฉันไม่สามารถควบคุมเนื้อหาใน IFRAME ดังนั้นฉันจึงไม่สามารถเริ่มการติดต่อกลับได้ IFRAME นี้สร้างขึ้นโดยทางโปรแกรมและฉันต้องการส่งผ่านข้อมูลเป็นตัวแปรในการติดต่อกลับรวมทั้งทำลาย iframe ความคิดใด ๆ แก้ไข: นี่คือสิ่งที่ฉันมีตอนนี้: function xssRequest(url, callback) { var iFrameObj = document.createElement('IFRAME'); iFrameObj.src = url; document.body.appendChild(iFrameObj); $(iFrameObj).load(function() { document.body.removeChild(iFrameObj); callback(iFrameObj.innerHTML); }); } การเรียกกลับนี้ก่อนที่จะโหลด iFrame ดังนั้นการโทรกลับจึงไม่ส่งคืนข้อมูล

147 javascript  events  dom  iframe