چگونه می توانم در مقادیر المنت‌ها جستجو کنم؟

دوستان کد فعلی من رو ببینید لطفا:

// JS

if($('span').text().indexOf("t")){
  console.log($('span').text());
}

// HTML

<span>one</span>
<span>two</span>
<span>three</span>
<span>four</span>
<span>five</span>
<span>six</span>

خروجی مطلوب من اینه که فقط three و two به عنوان خروجی برگردند. چون فقط اون 2 تا هستن که توشون t است. اما همونطور که اینجا می تونید ببینید همه دارن بر میگردن. چرا ؟ چطور می تونم درستش کنم؟ مرسی

باید روی المنت هایی که انتخاب شدن لوپ بزنی.

خب بزار با 2 تا نکته شروع کنم:

1. برای سرچ کردن باید روی المنت هات (در اینجا spanها) لوپ (حلقه) بزنی؛ که می تونی از .each() یا .map() استفاده کنی.
2. این شرط $('span').text().indexOf("t") اون چیزی نیست که می خوای. چون اون شرط در صورتی false خواهد بود که مقدار .indexOf() صفر باشه. چرا که توی جاوااسکریپ، از بین اعداد فقط 0 falsy هست و تمام بقیه اعداد truthy هستن.

پس در واقع این، اون شرطیه که می خوای: if ($(this).text().indexOf("t") > -1)

پس کد نهایی ما باید یک همچین چیزی باشه:

$('span').each(function() {
  if ($(this).text().indexOf("t") > -1)
    console.log($(this).text());
})

همچنین به عنوان یک پیشنهاد، می تونی از :contains() استفاده کنی: (که برای اون عبارتی که می خوای، توی رشته‌ی مد نظر می گرده و مشخص می کنه که اون چیزی که دنبالشی توی رشته هست یا نه):

console.log($('span:contains("t")').map(function() {
  return $(this).text();
}).get())

نمونه عملی

(کنسول مرورگرت رو برای دیدن خروجی بررسی کن)

به عنوان توضیحات بیشتر: