لماذا لم يعمل this في هذا الكود

أنشأت كود بسيط يقوم بتحlيل بيانات من رابط json لكل أيدي لكن عند التنفيد لا يقوم الكود بطبع كل قيمة لكل أيدي ، انما يقوم بتطبيق نفس القيمة على كل العناصر

الكود التالي :

HTML

<div class='grid-posts'>
<div data-sid="v1" id="vcount">..</div>
<div data-sid="v2" id="vcount">..</div>
<div data-sid="v3" id="vcount">..</div>
<div data-sid="v4" id="vcount">..</div>
<div data-sid="v5" id="vcount">..</div>

</div>

$('.grid-posts #vcount').each(function(){
var sid= $(this).attr('data-sid');
$.getJSON("api/"+sid, function(response) {
$(this).text(response.value);
});
});

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    </script>
</head>
<body>
    <div class='grid-posts'>
        <div data-sid="v1" id="vcount">..</div>
        <div data-sid="v2" id="vcount">..</div>
        <div data-sid="v3" id="vcount">..</div>
        <div data-sid="v4" id="vcount">..</div>
        <div data-sid="v5" id="vcount">..</div>
    </div>
    <script>
        $(document).ready(function () {
            $('.grid-posts #vcount').each(function () {
                var sid = $(this).attr('data-sid');
                console.log("this");
                $(this).text(sid);
                /*$.getJSON("api/" + sid, function (response) {
                    $(this).text(response.value);
                });*/
            });
        });
    </script>
</body>
</html>

Wael Aljamal

2021-01-05T15:25:41+00:00
2021-01-05T15:39:08+00:00
المزيد
- رابط مختصر

لتضمين جيكويري بنفس النسخة التي عملت عليها ..

أرجو حذف الفراغات

http : // ajax.googleapis . com/ajax/libs/jquery/1.7.1/jquery.min.js

نقوم بتضمينه في Head

شرح تضمين الملف (محرر النصوص ضمن التعليقات هنا فيه مشاكل مع عرض الروابط ضمن الشيفرة البرمجية)

https://www.w3schools.com/j...

Abdullah Mohammed

2021-01-05T14:35:03+00:00
المزيد
- رابط مختصر

السلام عليكم ورحمة الله وبركاته

اهلا بك أخي الكريم المشكلة لديك في كود الHtml

خاصية الid هي خاصية مميزة للعنصر ولذلك لا يمكنك إشراك أكثر من عنصر في نفس ال id

فعليك أن تقوم بعمل id مختلف لكل عنصر في صفحة الHtml حتى يستطيع فهم ما تريد

وبالنسبة لتحديدهم في الjQuery فيمكنك أن تحدد اختيار كل الأبناء للعنصر الرئيسي

مجهول

2021-01-05T14:48:02+00:00
المزيد
- رابط مختصر

عليكم السلام ورحمة الله وبركاته

اخي حتى لو غيرت الكود نحو هذا الشكل يعني الكلاس بدل الايدي

<div class='grid-posts'>
<div data-sid="v1" class="vcount">..</div>
<div data-sid="v2" class="vcount">..</div>
<div data-sid="v3" class="vcount">..</div>
<div data-sid="v4" class="vcount">..</div>
<div data-sid="v5" class="vcount">..</div>
</div>

يعطيني نفس الخلل

Abdullah Mohammed

2021-01-05T15:05:33+00:00
المزيد
- رابط مختصر

هل بإمكانك إطلاعي على الملفات لأقوم بالتجربة عليها ؟

تطوير الويب

مجتمع خاص بمناقشة وطرح المواضيع والقضايا العامة المتعلقة بتطوير الويب ولغاتها المختلفة

88.6 ألف متابع

لماذا لم يعمل this في هذا الكود

التعليقات

اقرأ أيضًا

تطوير الويب