Use of split function using jquery

Question

I am getting CSS 'left' property value. now it is set on -50. so i want to get only 50 can this be done with split function or there is another way to do that. Also why split function is not working in my function

<head>

<script type="text/javascript" src="jquery-1.7.2.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$('.box').click(function (){

    var kar=parseInt($(this).css('left'))

var jj= kar.split('')

alert(jj[0])

    })

});
</script>


<style>

.container {

    margin:auto;
    width:500px;
    position:relative

}


.box { background:#FF0000; width:200px; height:200px; position:absolute;left:-50px;}

</style>

</head>

<body>
<div class="container">
<div class="box"></div>

</div>
</body>

Wolfram · Accepted Answer · 2012-07-17 13:04:49Z

2

I think what you are looking for is the Math.abs function:

Math.abs(-50); // 50
Math.abs("-50"); // 50

The split function works on strings and returns an array with all parts of the string separated by the given delimiter. You are giving an empty string as delimiter, which splits your string after each character like this:

"-50".split(""); // result is: ["-","5","0"]
var kar = -50;
kar.split(""); // TypeError: kar.split is not a function

If you are getting a string back like "-50px", then you can do it like this:

var leftAsInt = parseInt("-50px".replace(/[A-Za-z]/g, ""),10);
console.log(Math.abs(leftAsInt)); // 50

Also: there is no jQuery involved in this (besides the .css() function), split and abs are functions of JavaScript's predefined core objects String and Math.

edited Jul 17, 2012 at 13:04

answered Jul 17, 2012 at 12:53

Wolfram

8,0973 gold badges49 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

David Thomas · Accepted Answer · 2012-07-17 12:53:33Z

1

use Math.abs:

var kar = parseInt($(this).css('left')),
    jj = Math.abs(kar);

References:

Math.abs.

answered Jul 17, 2012 at 12:53

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Comments

Sandeep Rajoria · Accepted Answer · 2012-07-17 12:53:34Z

1

how about trying this

alert(Math.abs(kar))

hope this helps

answered Jul 17, 2012 at 12:53

Sandeep Rajoria

1,2498 silver badges14 bronze badges

Comments

Vidyadhar Mandke · Accepted Answer · 2012-07-17 12:54:38Z

0

Yes, you can use split function

try below code..

var jj= kar.split('-')

answered Jul 17, 2012 at 12:54

Vidyadhar Mandke

5881 gold badge12 silver badges28 bronze badges

Collectives™ on Stack Overflow

Use of split function using jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related