জ্যাকুরি ব্যবহার করে পিতামাতার ডিআইডি আইডি সন্ধান করা

Question 1

আমার মতো কিছু এইচটিএমএল রয়েছে:

<div id="1">
    <p>
        Volume = <input type="text" />
        <button rel="3.93e-6" class="1" type="button">Check answer</button>
    </p>
    <div></div>
</div>

এবং কিছু জেএস এর মত:

$("button").click(function () {
    var buttonNo = $(this).attr('class');
    var correct = Number($(this).attr('rel'));

    validate (Number($("#"+buttonNo+" input").val()),correct);
    $("#"+buttonNo+" div").html(feedback);
});

আমি যা চাই তা হ'ল যদি আমার বোতামে = "1" ক্লাসটি না থাকে (আমি জানি সংখ্যাগত ক্লাসগুলি বৈধ নয়, তবে এটি একটি ডাব্লুআইপি!), তাই আমি বাটনটি নির্ধারণ করতে পারিনি পিতামাতার ডিভিডি আইডি বাস্তব জীবনে এমন একাধিক বিভাগ রয়েছে।

ডিভ প্যারেন্টিংয়ের বোতামটি আইডিটি কীভাবে সন্ধান করব।
উত্তরটি বোতাম কোডে সঞ্চয় করার জন্য আরও কী কী সিনেমিক উপায় হতে পারে। আমি কোনও নন প্রোগ্রামারকে জিনিসগুলি ভঙ্গ না করে অনুলিপি এবং কপি করার পক্ষে এটি যথাসম্ভব বোকা বানানো চাই!

Question 2

আপনি পিতা বা মাতৃকার নেভিগেশন ইভেন্ট প্রতিনিধি ব্যবহার করতে পারেন । বা বোতামটির পিতামাতার সন্ধান করতে নিকটতম পদ্ধতিটি ব্যবহার করুন ।

দুটির মধ্যে সহজতমটি সম্ভবত সবচেয়ে কাছের।

var id = $("button").closest("div").prop("id");

Question 3

ঘ।

$(this).parent().attr("id");

ঘ।

বিপুল সংখ্যক উপায় থাকতে হবে! একটি উত্তর থাকতে পারে এমন একটি উপাদান লুকিয়ে রাখতে পারে

<div>
    Volume = <input type="text" />
    <button type="button">Check answer</button>
    <span style="display: hidden">3.93e-6&lt;/span>
    <div></div>
</div>

এবং তারপরে উপরের মতো অনুরূপ jQuery কোড রয়েছে:

$("button").click(function () 
{
    var correct = Number($(this).parent().children("span").text());
    validate ($(this).siblings("input").val(),correct);
    $(this).siblings("div").html(feedback);
});

মনে রাখবেন যে আপনি যদি ক্লায়েন্ট কোডে উত্তরটি রেখে দেন তবে তারা এটি দেখতে পারেন :) এটি করার সর্বোত্তম উপায় হ'ল এটি সার্ভার-পাশ যাচাই করা, তবে সীমিত সুযোগ সহ কোনও অ্যাপ্লিকেশনটির জন্য এটি সমস্যা নাও হতে পারে।

Question 4

এটা চেষ্টা কর:

$("button").click(function () {
    $(this).parents("div:first").html(...);
});

Question 5

$(this).parents('div').attr('id');

Question 6

পিতামাতার ডিভির আইডি পেতে:

$(buttonSelector).parents('div:eq(0)').attr('id');

এছাড়াও, আপনি আপনার কোডটি কিছুটা রিফ্যাক্টর করতে পারেন:

$('button').click( function() {
 var correct = Number($(this).attr('rel'));
 validate(Number($(this).siblings('input').val()), correct);
 $(this).parents('div:eq(0)').html(feedback);
});

এখন বাটন-শ্রেণীর প্রয়োজন নেই

ব্যাখ্যা
eq (0), এর অর্থ হল যে আপনি jQuery অবজেক্ট থেকে একটি উপাদান নির্বাচন করবেন, এই ক্ষেত্রে উপাদান 0, এইভাবে প্রথম উপাদানটি। http://docs.jquery.com/Selectors/eq#index
$ (নির্বাচক) .siblings (siblingsSelector) সমস্ত ভাইবোন (একই পিতা বা মাতা উপাদানের) যে মেলে নির্বাচন করব siblingsSelector http://docs.jquery.com/Traversing / ভাইবোন # এক্সপ্রেস select
(নির্বাচক) p http://docs.jquery.com/Traversing/parents#expr
এভাবে: $ (নির্বাচক) .পিতা ('ডিভি: একিউ (0)'); নির্বাচক দ্বারা মেলে উপাদানগুলির প্রথম পিতামাতার সাথে মিলবে।

আপনার jQuery ডক্স, বিশেষত নির্বাচক এবং ট্র্যাভারিংয়ের দিকে নজর দেওয়া উচিত:

Question 7

http://jsfiddle.net/qVGwh/6/ এটি পরীক্ষা করুন

   $("#MadonwebTest").click(function () {
    var id = $("#MadonwebTest").closest("div").attr("id");
    alert(id);
    });

Question 8

এটি সহজেই করা যায়:

$(this).closest('table').attr('id');

আপনি এটি কোনও টেবিলের অভ্যন্তরের যেকোন বস্তুর সাথে সংযুক্ত করেন এবং এটি আপনাকে সেই টেবিলের আইডি ফিরিয়ে দেবে।

Question 9

আপনি যেখান থেকে শুরু করতে পারেন ডম গাছটি উপরে নিয়ে যাওয়ার জন্য জ্যাকিউরির একটি প্যারেন্টস () পদ্ধতি রয়েছে।

আপনি যদি আরও বেশি শব্দার্থক উপায়ে এটি করতে আগ্রহী হন তবে আমি মনে করি না যে কোনও কোডের বোতামে REL অ্যাট্রিবিউটটি ব্যবহার করা আপনার কোডের শব্দার্থিকভাবে "এটিই উত্তর" "সংজ্ঞায়নের সেরা উপায়। আমি এই লাইন বরাবর কিছু সুপারিশ করব:

<p id="question1">
    <label for="input1">Volume =</label> 
    <input type="text" name="userInput1" id="userInput1" />
    <button type="button">Check answer</button>
    <input type="hidden" id="answer1" name="answer1" value="3.93e-6" />
</p>

এবং

$("button").click(function () {
    var correctAnswer = $(this).parent().siblings("input[type=hidden]").val();
    var userAnswer = $(this).parent().siblings("input[type=text]").val();
    validate(userAnswer, correctAnswer);
    $("#messages").html(feedback);
});

আপনার বৈধতা এবং প্রতিক্রিয়া কীভাবে কাজ করছে তা পুরোপুরি নিশ্চিত নয় তবে আপনি ধারণাটি পাবেন get

Question 10

() এবং নিকটতম () এর চেয়ে সামান্য ধীর বলে মনে হচ্ছে:

$(this).parent().attr("id");