amin_blog
سه شنبه 03 اردیبهشت 1392, 16:47 عصر
سلام.
من زیاد از جی کوئری سر در نمیارم.
میخواستم سایز متون موجود در یک div رو با استفاده از دستورات زیر کم یا زیاد کنم. حالا وقتی روی گزینه افزایش سایز یا کاهش کلیک میکنم font-size تمام divها افزایش یا کاهش پیدا میکنه. چطور میتونم این دستور رو طوری تغیر بدم که فقط بر یک div با id مشخص اعمال شه؟
متشکر
<script type="text/javascript">
$(function() {
$('a').click(function() {
var os = $('div').css('font-size');
var num = parseFloat(os, 10);
var uom = os.slice(-2);
if(this.id == 'smaller'){
$('div').css('font-size', num -4);
}
if(this.id == 'larger') {
$('div').css('font-size', num * 1.5);
}
})
})
</script>
<a href="#" id="larger">بزرگ کردن فونت</a>
<br/>
<a href="#" id="smaller">کوچک کردن فونت</a>
من زیاد از جی کوئری سر در نمیارم.
میخواستم سایز متون موجود در یک div رو با استفاده از دستورات زیر کم یا زیاد کنم. حالا وقتی روی گزینه افزایش سایز یا کاهش کلیک میکنم font-size تمام divها افزایش یا کاهش پیدا میکنه. چطور میتونم این دستور رو طوری تغیر بدم که فقط بر یک div با id مشخص اعمال شه؟
متشکر
<script type="text/javascript">
$(function() {
$('a').click(function() {
var os = $('div').css('font-size');
var num = parseFloat(os, 10);
var uom = os.slice(-2);
if(this.id == 'smaller'){
$('div').css('font-size', num -4);
}
if(this.id == 'larger') {
$('div').css('font-size', num * 1.5);
}
})
})
</script>
<a href="#" id="larger">بزرگ کردن فونت</a>
<br/>
<a href="#" id="smaller">کوچک کردن فونت</a>