আমি কীভাবে অন্য উপাদানগুলির পরে একটি উপাদান যুক্ত করতে পারি?

Question

আমার একটি নির্দিষ্ট পাঠ্যবাক্স রয়েছে এবং এর পরে আমি একটি ডিভিও যুক্ত করতে চাই। আমি .append()ফাংশনটি চেষ্টা করেছি , তবে এটি কেবলমাত্র উপাদানটিতে ডিভ যুক্ত করে।

উদাহরণস্বরূপ, আমার আছে:

<input type="text" id="bla" />

এবং আমি এটিতে পরিবর্তন করতে চাই:

<input type="text" id="bla" /><div id="space"></div>

Answer 1

after()পদ্ধতিটি ব্যবহার করে দেখুন :

$('#bla').after('<div id="space"></div>');

নথিপত্র

Comments

। After () এবং .insertAfter () পদ্ধতিগুলি একই কাজ সম্পাদন করে।

— রিফাত

এটি সঠিক, তবে এটি আপনাকে কোড দেওয়ার ক্ষেত্রে কীভাবে পছন্দ করে তার উপর নির্ভর করে। আমি সাধারণত '#bla' ইনপুটটি ইতিমধ্যে নির্বাচিত করে থাকতাম এবং তারপরে অতিরিক্ত সামগ্রী যুক্ত করব। যদিও নিখুঁতভাবে আমার পছন্দ, আমি নিশ্চিত না যে উভয় পদ্ধতির গতির সুবিধা রয়েছে কিনা।

— রোয়ান

Answer 2

চেষ্টা

.insertAfter()

এখানে

$(content).insertAfter('#bla');

Comments

আপনার কোড এর $('<div id="space"></div>').insertAfter('#bla')চেয়ে বেশি পছন্দ করা উচিত নয় $('#bla').insertAfter(content);?

— রোয়ান

Answer 3

প্রথমত, inputউপাদানটির একটি ক্লোজিং ট্যাগ থাকা উচিত নয় ( http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT : শেষ ট্যাগ: নিষিদ্ধ)।

দ্বিতীয় জিনিস, আপনার প্রয়োজন after(), কাজ নয় append()।

Comments

সংশোধন করুন, কিন্তু যখন আমি। অ্যাপেন্ড () ফাংশনটি চেষ্টা করি তখন তা ঘটে।

— স্কিরিট

যদি এটি এক্সএইচটিএমএল হয় তবে ইনপুট উপাদানটি বন্ধ করা উচিত (তবে শেষ ট্যাগ সহ নয়)।

— সিসকোআইপিফোন

এইচটিএমএল 4 এ <input>বন্ধ করা উচিত নয়।

— ডেরেক 朕 會 功夫

Answer 4

সমাধান করা jQuery: অন্য উপাদানগুলির পরে উপাদান যুক্ত করুন

<script>
$( "p" ).append( "<strong>Hello</strong>" );
</script>

অথবা

<script type="text/javascript"> 
jQuery(document).ready(function(){
jQuery ( ".sidebar_cart" ) .append( "<a href='http://#'>Continue Shopping</a>" );
});
</script>

Comments

এটি ভুল। এটি ওপি যেমন বলেছে ঠিক তেমনই প্যারেন্ট উপাদানগুলির মধ্যে উপাদান যুক্ত করে। প্রশ্নটি আবার পড়ুন এবং আপনার উত্তরটি সংশোধন করুন।

— ইভান ভাইল্যান্ড