-
select کردن before با jquery
این کد css :
کد HTML:
.fh_1:before{
content:'';
position:absolute;
top:39px;
right:65px;
width:0;
height:0;
border-bottom:11px solid #25B7E6;
border-left:7px solid transparent;
border-right:7px solid transparent;
display:block;
}
حالا میخوام ( .fh_1:before ) رو با jquery سلکت کنم و یع سری تغییرات اعمال کنم روش .
روش های سلکت زیر رو تست کردم ولی تغییرات اعمال نشد چون سلکتم اشتباست :
کد HTML:
$('.fh_1:before').show();
$('.fh_1::before').show();
$('.fh_1 before').show();
و تابع .before رو دیدم ولی نشد توش css به کار ببرم .
ممنون
-
-
July 3rd, 2016 16:03
# ADS
-
عضو جدید
پاسخ : select کردن before با jquery
تست کنید
کد PHP:
$('fh_1:before').show();
-
تعداد تشکر ها از Pital به دلیل پست مفید
-
پاسخ : select کردن before با jquery
سلام
من زیاد jQuery کار نکردم اما تا اون جایی که من می دونم Selector جی کوئری المان های HTML رو بر اساس آی دی (#)، کلاس (.) و یا تگ انتخاب میکنه نه عناصر CSS رو.
به همین دلیل از نظر من عملا شما نمی تونید برای دو موقعیت before و after یه المان HTML متد show رو به صورت جدا اجرا کنید چون متد show فقط عنصر HTML انتخاب شده رو می تونه انتخاب کنه نه که وضعیت استایل فعلی اون رو از normal به before یا ... تغییر بده.
برای این کار شما باید یا دستی به اون المان HTML استایل های جدید رو بدید یا اینکه فقط یه کلاس دیگه در CSS تعیین کنید و در زمان دلخواه براحتی کلاس اون المان رو با جی کوئری تغییر بدید.
کد:
$('#mydiv').addClass('newclass').removeClass('oldclass');
حالا باز من هدفتون رو نمی دونم شاید بسته به هدفتون راه های دیگه ای هم باشه.
-
-
عضو جدید
پاسخ : select کردن before با jquery
-
-
پاسخ : select کردن before با jquery

نوشته اصلی توسط
525214
در این لینک هم همون حرف منو زده پیشنهاد داده که کلاسش رو عوض کنه که با تابع toggleClass کلاس active رو به changed تغییر میده.
اما تابع toggleClass بعضی اوقات اونطور که می خوایم کار نمیکنه به همین دلیل من پیشنهاد دادم کلاس جدید اضافه بشه و کلاس قبلی حذف بشه.
-