Ichki DOM elementini tanlash

jQuery bilan ichki HTML elementini tanlashga harakat qilaman.

<div id="myTabContent" class="tab-content">
  <div role="tabpanel" class="tab-pane fade in active" id="home">
    <div class="events_box">
      <div class="event_left">
        <div class="event_left-item">
          <div class="icon_2">
            
          </div>
          <div class="icon_2">
            
          </div>

I have to select the classes fa fa-clock-o and fa fa-location-arrow. I am able to select them by ID but I want select them by class. I already have tried combinations like:

 $('div div div .fa fa-clock-o').css('visibility', 'hidden');

And:

 $('.event_left .event_left-item .icon_2 .fa fa-clock-o').css('visibility', 'hidden');

And:

 $('div.fa fa-clock-o').css('visibility', 'hidden');

Along with many more....

The goal is to hide those FontAwesome icons.

0
$ ('. fa-clock-o'). yashirish()
qo'shib qo'ydi muallif j08691, manba
$ ('. fa-clock-o'). yashirish()
qo'shib qo'ydi muallif j08691, manba
$ ('. fa-clock-o'). yashirish()
qo'shib qo'ydi muallif j08691, manba
$ ('. fa-clock-o'). yashirish()
qo'shib qo'ydi muallif j08691, manba
siz o'zingizning .fa-clock-o ni tanlashingiz mumkin
qo'shib qo'ydi muallif Artyom Neustroev, manba

7 javoblar

fa va fa-clock-o bir xil elementdagi sinflar bo'lgani uchun, siz ular orasida tanlash yoki jQuery (yoki querySelector ), deb o'ylaysiz, birining ikkinchisining avlodi. Buni ko'ring:

$('.fa.fa-clock-o')
//   ^^^

div.fa fa-clock-o: look for any descendant of type fa-clock-o (tag) of a div that has the class fa => nothing selected because there is no tag fa-clock-o.

div.fa .fa-clock-o: look for any elements with the class fa-clock-o that are descendants of a div with the class fa => will match what you want.

.fa.fa-clock-o: look for elements that have the classes fa and fa-clock-o => matches what you want too

1
qo'shib qo'ydi
Bu ham ishlaydi. ;)
qo'shib qo'ydi muallif talemyn, manba
$ ('i.fa.fa-clock-o') yoki $ ('div .fa.fa-clock-o') bo'lishi kerak. div elementi asosiy hisoblanadi. . . i elementida "fa" sinflari mavjud.
qo'shib qo'ydi muallif talemyn, manba
@talemyn ha, siz izoh berganingizda tahrir qilardim! Kodni tuzatganingizdan so'ng, men xatoga yo'l qo'yganimni payqab qoldim.
qo'shib qo'ydi muallif ibrahim mahrir, manba

fa va fa-clock-o bir xil elementdagi sinflar bo'lgani uchun, siz ular orasida tanlash yoki jQuery (yoki querySelector ), deb o'ylaysiz, birining ikkinchisining avlodi. Buni ko'ring:

$('.fa.fa-clock-o')
//   ^^^

div.fa fa-clock-o: look for any descendant of type fa-clock-o (tag) of a div that has the class fa => nothing selected because there is no tag fa-clock-o.

div.fa .fa-clock-o: look for any elements with the class fa-clock-o that are descendants of a div with the class fa => will match what you want.

.fa.fa-clock-o: look for elements that have the classes fa and fa-clock-o => matches what you want too

1
qo'shib qo'ydi
Bu ham ishlaydi. ;)
qo'shib qo'ydi muallif talemyn, manba
$ ('i.fa.fa-clock-o') yoki $ ('div .fa.fa-clock-o') bo'lishi kerak. div elementi asosiy hisoblanadi. . . i elementida "fa" sinflari mavjud.
qo'shib qo'ydi muallif talemyn, manba
@talemyn ha, siz izoh berganingizda tahrir qilardim! Kodni tuzatganingizdan so'ng, men xatoga yo'l qo'yganimni payqab qoldim.
qo'shib qo'ydi muallif ibrahim mahrir, manba

fa va fa-clock-o bir xil elementdagi sinflar bo'lgani uchun, siz ular orasida tanlash yoki jQuery (yoki querySelector ), deb o'ylaysiz, birining ikkinchisining avlodi. Buni ko'ring:

$('.fa.fa-clock-o')
//   ^^^

div.fa fa-clock-o: look for any descendant of type fa-clock-o (tag) of a div that has the class fa => nothing selected because there is no tag fa-clock-o.

div.fa .fa-clock-o: look for any elements with the class fa-clock-o that are descendants of a div with the class fa => will match what you want.

.fa.fa-clock-o: look for elements that have the classes fa and fa-clock-o => matches what you want too

1
qo'shib qo'ydi
Bu ham ishlaydi. ;)
qo'shib qo'ydi muallif talemyn, manba
$ ('i.fa.fa-clock-o') yoki $ ('div .fa.fa-clock-o') bo'lishi kerak. div elementi asosiy hisoblanadi. . . i elementida "fa" sinflari mavjud.
qo'shib qo'ydi muallif talemyn, manba
@talemyn ha, siz izoh berganingizda tahrir qilardim! Kodni tuzatganingizdan so'ng, men xatoga yo'l qo'yganimni payqab qoldim.
qo'shib qo'ydi muallif ibrahim mahrir, manba

Please try this $('.fa').hide();

0
qo'shib qo'ydi
Xristian @NDym, bu sizning javobingizda, sizning javobingizda ni fa-clock-o va fa fa-location-arrow o'qitadigan sinflarni tanlash kerakligini aytgan edingiz. Maqsad bu FontAwesome belgilarini yashirish uchun , ya'ni sinf selektori barcha FontAwesome belgilarini tanlaydi.
qo'shib qo'ydi muallif artemisian, manba
Tez javob uchun Vau tnx !. @artemisian .fa fa bilan boshlangan barcha elementlarni yashiradi. Yaxshi o'ylab ko'ring. Men @ibrahim mahrir tomonidan berilgan javobni qabul qilaman, chunki fa va fa-soat haqida to'g'ri bo'lgani uchun u alohida sinflardir. Selector $ ('. Fa-clock-o') bo'ldi.
qo'shib qo'ydi muallif NDym, manba

Please try this $('.fa').hide();

0
qo'shib qo'ydi
Xristian @NDym, bu sizning javobingizda, sizning javobingizda ni fa-clock-o va fa fa-location-arrow o'qitadigan sinflarni tanlash kerakligini aytgan edingiz. Maqsad bu FontAwesome belgilarini yashirish uchun , ya'ni sinf selektori barcha FontAwesome belgilarini tanlaydi.
qo'shib qo'ydi muallif artemisian, manba
Tez javob uchun Vau tnx !. @artemisian .fa fa bilan boshlangan barcha elementlarni yashiradi. Yaxshi o'ylab ko'ring. Men @ibrahim mahrir tomonidan berilgan javobni qabul qilaman, chunki fa va fa-soat haqida to'g'ri bo'lgani uchun u alohida sinflardir. Selector $ ('. Fa-clock-o') bo'ldi.
qo'shib qo'ydi muallif NDym, manba

Please try this $('.fa').hide();

0
qo'shib qo'ydi
Xristian @NDym, bu sizning javobingizda, sizning javobingizda ni fa-clock-o va fa fa-location-arrow o'qitadigan sinflarni tanlash kerakligini aytgan edingiz. Maqsad bu FontAwesome belgilarini yashirish uchun , ya'ni sinf selektori barcha FontAwesome belgilarini tanlaydi.
qo'shib qo'ydi muallif artemisian, manba
Tez javob uchun Vau tnx !. @artemisian .fa fa bilan boshlangan barcha elementlarni yashiradi. Yaxshi o'ylab ko'ring. Men @ibrahim mahrir tomonidan berilgan javobni qabul qilaman, chunki fa va fa-soat haqida to'g'ri bo'lgani uchun u alohida sinflardir. Selector $ ('. Fa-clock-o') bo'ldi.
qo'shib qo'ydi muallif NDym, manba

Please try this $('.fa').hide();

0
qo'shib qo'ydi
Xristian @NDym, bu sizning javobingizda, sizning javobingizda ni fa-clock-o va fa fa-location-arrow o'qitadigan sinflarni tanlash kerakligini aytgan edingiz. Maqsad bu FontAwesome belgilarini yashirish uchun , ya'ni sinf selektori barcha FontAwesome belgilarini tanlaydi.
qo'shib qo'ydi muallif artemisian, manba
Tez javob uchun Vau tnx !. @artemisian .fa fa bilan boshlangan barcha elementlarni yashiradi. Yaxshi o'ylab ko'ring. Men @ibrahim mahrir tomonidan berilgan javobni qabul qilaman, chunki fa va fa-soat haqida to'g'ri bo'lgani uchun u alohida sinflardir. Selector $ ('. Fa-clock-o') bo'ldi.
qo'shib qo'ydi muallif NDym, manba
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb