สอบเรื่องดึงข้อมูล JSON ครับ

[verygood]

Datajson = {
   "people": {
     "person": [{
       "name": "Peter",
       "age": <div id="myDIV"><p class="child1">12 </p><p class="child2"> 20 </p><p class="child3"> 30 </p>< /div>,
       "sex": "male"
     },
     {
       "name": "Zara",
       "age": 65,
       "sex": "female"
     }]
   }
 }

ตามข้อมูลด้านบนคือผมอยากดึงข้อมูลที่อยู่ใน class="child3" คือ 30 อ่ะครับต้องเขียนโค้ดประมาณไหนครับ tyscript หรือ javascript ก็ได้ครับ  ขอบคุณครับ

[infamous]

ลองประยุกต์ดูนะครับ ผมแค่ทดสอบใน dev console

// JS

โค้ด เลือก ขยาย


var item=Datajson.people.person[0].age; // 0 is object index
var mItem=item.match('child3">(.*?)<')[1].trim();
console.log(mItem);


[verygood]

ลองประยุกต์ดูนะครับ ผมแค่ทดสอบใน dev console

// JS

โค้ด เลือก ขยาย


var item=Datajson.people.person[0].age; // 0 is object index
var mItem=item.match('child3">(.*?)<')[1].trim();
console.log(mItem);


สุดยอด ได้แล้วครับขอบคุณมากๆครับพี่

[buakaew]

โอ้ววเทพ 

[verygood]

ลองประยุกต์ดูนะครับ ผมแค่ทดสอบใน dev console

// JS

โค้ด เลือก ขยาย


var item=Datajson.people.person[0].age; // 0 is object index
var mItem=item.match('child3">(.*?)<')[1].trim();
console.log(mItem);


พี่ครับถ้า class child3 มีสองหรือมีมากกว่าสองclassละครับเราจะเขียนยังไงเพื่อที่จะดึงออกมาทีละอัน

        <div class="body">
            <div><span class="child3">ข้อมูลที่ 1</span></div>
            <div><span class="child3">ข้อมูลที่ 2</span></div>
        </div>

var mItem=item.match('child3">(.*?)<')[1].trim(); //โค้ดนี้ดึงออกมาแค่อันเดียว

[kumabro]

ลองสร้าง element จำลองมาใช้ชั่วคราวมั้ยครับ 

โค้ด เลือก ขยาย


var item = Datajson.people.person[0].age;
var a = document.createElement('div');
a.innerHTML = item;
var childElems = a.getElementsByClassName('child');
console.log(eval(childElems[0].innerText));


[verygood]

ลองสร้าง element จำลองมาใช้ชั่วคราวมั้ยครับ 

โค้ด เลือก ขยาย


var item = Datajson.people.person[0].age;
var a = document.createElement('div');
a.innerHTML = item;
var childElems = a.getElementsByClassName('child');
console.log(eval(childElems[0].innerText));


Wow!!! มีแต่ท่านเทพๆ แค่เอาโค้ดไปวางก็ได้เลย ผมหาวิธีตั้งหลายวัน ขอบคุณมากๆครับ

[somkuan]

ขอบคุณครับ