আমি কীভাবে jQuery ব্যবহার করে <span> এর মান পাব?


উত্তর:


299

আমি মনে করি এটি একটি সাধারণ উদাহরণ হওয়া উচিত:

$('#item1 span').text();

অথবা

$('#item1 span').html();

1
এই jQuery ফাংশনগুলি আমি কোথায় পাই?
ফিলিপ ব্যারিওরোস

25
আমার মনে হয় এই দুটি ফাংশনটি দেখানোর সময় এটি গুরুত্বপূর্ণ যে আমরা নতুন কোডারগুলিকে একই কাজটি করার পরামর্শ দিয়ে তারা বিভ্রান্ত করি না যখন তারা না করে (যদিও এই উদাহরণে এটি প্রদর্শিত হবে)। এটি লক্ষণীয় গুরুত্বপূর্ণ যে .text()এইচটিএমএল এটি খুঁজে পাওয়া .html()কোনও অক্ষর এনকোড করবে , এবং কোনও অক্ষর এনকোড করবে না।
ভয়েডকিং

এটি কি একই শ্রেণীর সাথে একাধিক স্প্যানের মাধ্যমে সম্পন্ন করা যায়?
ম্যাথু উডার্ড

IE এর সাথে কাজ করার জন্য tspan বের করার চেষ্টা করে আমি হোঁচট খেয়েছি। আমি খুঁজে পেয়েছি যে আপনি tspan সহ .text () ব্যবহার করতে হবে এবং .html () ব্যবহার করবেন না। নিশ্চিত করুন কেন এবং এটি সবার ক্ষেত্রে নাও হতে পারে তবে আমি টেক্সট () ব্যবহার করার সময় এটি আইইতে স্থির করে।
কালেল ওয়েড

@MatthewWoodard $('.class').each(function() { $(this).html() });; কারণ $('.class').html()প্রথম উপাদানটির জন্য .html () মানটি ফিরে আসবে
tomishap


7

ধরে নিই যে আপনি এটি আইডি = "আইটেম 1" পড়তে চেয়েছিলেন, আপনার প্রয়োজন

$('#item1 span').text()


5

যেহেতু আপনি 'আইটেম' মানের জন্য কোনও বৈশিষ্ট্য সরবরাহ করেন নি, তাই আমি ধরে নিচ্ছি যে একটি শ্রেণি ব্যবহৃত হচ্ছে:

<div class='item1'>
  <span>This is my name</span>
</div>

alert($(".item span").text());

আপনার কোডটি লোড করার জন্য আপনি ডিওএমের জন্য অপেক্ষা করছেন তা নিশ্চিত করুন, jQuery এ আপনি এর জন্য ready()ফাংশনটি ব্যবহার করেন :

<html>
 <head>
  <title>jQuery test</title>
  <!-- script that inserts jquery goes here -->
  <script type='text/javascript'>
    $(document).ready(function() { alert($(".item span").text()); });
  </script>
</head>
<body>
 <div class='item1'>
   <span>This is my name</span>
 </div>
</body>


1
আপনি প্রশ্ন পরিবর্তন করেছেন! আপনার উত্তরটি আপনার প্রশ্নের জন্য সঠিক, তিনি আইডিটি কোনও শ্রেণীর নাম নয় উল্লেখ করেছেন
লুইস

ঠিক আছে, আপনি যদি তার নামে প্রথম মন্তব্যটি দেখতে পান তবে আপনি খেয়াল করবেন যে তিনি মোটেও কোনও গুণ লিখেনি, এটি ছিল <div 'আইটেম 1'>, আমি স্পষ্টতই ভুল অনুমান করেছি।
ফ্রান্সিসকো অ্যাকিনো 12





0

টেক্সট () এবং .html () এর মধ্যে পার্থক্য সম্পর্কে খুব গুরুত্বপূর্ণ অতিরিক্ত তথ্য:

যদি আপনার নির্বাচক একাধিক আইটেম নির্বাচন করে, যেমন আপনার মতো দুটি স্প্যান রয়েছে <span class="foo">bar1</span> <span class="foo">bar2</span> ,

তারপর

$('.foo').text();দুটি গ্রন্থ সংযোজন এবং আপনাকে দেয় যে; যেহেতু

$('.foo').html(); আপনাকে সেগুলির মধ্যে একটি দেয়।


0

আপনি সরাসরি আপনার এইচটিএমএলে স্প্যানে আইডি ব্যবহার করতে পারেন।

<span id="span_id">Client</span>

তাহলে আপনার jQuery কোড হবে

$("#span_id").text();

কেউ একজন আমাকে ত্রুটিগুলি যাচাই করতে সহায়তা করেছে এবং দেখতে পেয়েছে যে তিনি পাঠ্যের () পরিবর্তে ভাল () ব্যবহার করেছেন, স্প্যানে ভাল () ফাংশন ব্যবহার করা সম্ভব নয়। সুতরাং

$("#span_id").val();

শূন্য ফিরে আসবে।


-2
<script>
    $(document).ready(function () {

            $.each($(".classBalence").find("span"), function () {
            if ($(this).text() >1) {
                $(this).css("color", "green")

            }
            if ($(this).text() < 1) {
                $(this).css("color", "red")
                $(this).css("font-weight", "bold")
            }
        });

    });
    </script>
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.