Styjun

What is this business jet?

How can I define good in a religion that claims no moral authority?

Is it ethical to upload a automatically generated paper to a non peer-reviewed site as part of a larger research?

What do I do when my TA workload is more than expected?

ODD NUMBER in Cognitive Linguistics of WILLIAM CROFT and D. ALAN CRUSE

A word that means fill it to the required quantity

Dropping list elements from nested list after evaluation

If I score a critical hit on an 18 or higher, what are my chances of getting a critical hit if I roll 3d20?

Straighten subgroup lattice

Is it ok to offer lower paid work as a trial period before negotiating for a full-time job?

Old scifi movie from the 50s or 60s with men in solid red uniforms who interrogate a spy from the past

Does HR tell a hiring manager about salary negotiations?

How to display lines in a file like ls displays files in a directory?

Relationship between Gromov-Witten and Taubes' Gromov invariant

What is preventing me from simply constructing a hash that's lower than the current target?

Match Roman Numerals

What's the name of these plastic connectors

Pokemon Turn Based battle (Python)

Likelihood that a superbug or lethal virus could come from a landfill

What to do when moving next to a bird sanctuary with a loosely-domesticated cat?

Button changing its text & action. Good or terrible?

Accepted by European university, rejected by all American ones I applied to? Possible reasons?

What do hard-Brexiteers want with respect to the Irish border?

How come people say “Would of”?

JQuery - Slice/Remove - Special characters from ID or class name

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

2

For Japanese language, I am trying to get Japanese added dynamically from the backend.

I want to ignore the special characters, because I am getting "

Uncaught Error: Syntax error, unrecognized expression:

Is it possible to remove -(スーペリアルーム) from superior-room-(スーペリアルーム) and get only superior-room?

I need the output to be id="superior-room".

HTML:

 <div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
 </div>

JS:

 var message = '';
 var numAvailableRooms;
 var roomContianerId = $('.list-item').attr('id');

 if (numAvailableRooms < 100) 
 message = '50 rooms left!';
 else 
 message = 'High demand!';
 

 if (message == '') 
 $('#' + roomContianerId + ' .demand-message').hide();
 else 
 $('#' + roomContianerId + ' .demand-message').show();
 $('#' + roomContianerId + ' .demand-message').html(message);
 

jquery

share|improve this question

edited Mar 22 at 5:56

Philosophist

10410

asked Mar 22 at 4:39

TDGTDG

5631624

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Careful of: id =superior-room- you're missing an opening "
  
  – Mukyuu
  Mar 22 at 6:12
  

  
  
  
  

add a comment | 

2

For Japanese language, I am trying to get Japanese added dynamically from the backend.

I want to ignore the special characters, because I am getting "

Uncaught Error: Syntax error, unrecognized expression:

Is it possible to remove -(スーペリアルーム) from superior-room-(スーペリアルーム) and get only superior-room?

I need the output to be id="superior-room".

HTML:

 <div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
 </div>

JS:

 var message = '';
 var numAvailableRooms;
 var roomContianerId = $('.list-item').attr('id');

 if (numAvailableRooms < 100) 
 message = '50 rooms left!';
 else 
 message = 'High demand!';
 

 if (message == '') 
 $('#' + roomContianerId + ' .demand-message').hide();
 else 
 $('#' + roomContianerId + ' .demand-message').show();
 $('#' + roomContianerId + ' .demand-message').html(message);
 

jquery

share|improve this question

edited Mar 22 at 5:56

Philosophist

10410

asked Mar 22 at 4:39

TDGTDG

5631624

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Careful of: id =superior-room- you're missing an opening "
  
  – Mukyuu
  Mar 22 at 6:12
  

  
  
  
  

add a comment | 

For Japanese language, I am trying to get Japanese added dynamically from the backend.

I want to ignore the special characters, because I am getting "

Uncaught Error: Syntax error, unrecognized expression:

Is it possible to remove -(スーペリアルーム) from superior-room-(スーペリアルーム) and get only superior-room?

I need the output to be id="superior-room".

HTML:

 <div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
 </div>

JS:

 var message = '';
 var numAvailableRooms;
 var roomContianerId = $('.list-item').attr('id');

 if (numAvailableRooms < 100) 
 message = '50 rooms left!';
 else 
 message = 'High demand!';
 

 if (message == '') 
 $('#' + roomContianerId + ' .demand-message').hide();
 else 
 $('#' + roomContianerId + ' .demand-message').show();
 $('#' + roomContianerId + ' .demand-message').html(message);
 

jquery

share|improve this question

edited Mar 22 at 5:56

Philosophist

10410

asked Mar 22 at 4:39

TDGTDG

5631624

Uncaught Error: Syntax error, unrecognized expression:

 <div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
 </div>

 var message = '';
 var numAvailableRooms;
 var roomContianerId = $('.list-item').attr('id');

 if (numAvailableRooms < 100) 
 message = '50 rooms left!';
 else 
 message = 'High demand!';
 

 if (message == '') 
 $('#' + roomContianerId + ' .demand-message').hide();
 else 
 $('#' + roomContianerId + ' .demand-message').show();
 $('#' + roomContianerId + ' .demand-message').html(message);
 

share|improve this question

edited Mar 22 at 5:56

Philosophist

10410

asked Mar 22 at 4:39

TDGTDG

5631624

share|improve this question

edited Mar 22 at 5:56

Philosophist

10410

asked Mar 22 at 4:39

TDGTDG

5631624

edited Mar 22 at 5:56

Philosophist

10410

edited Mar 22 at 5:56

Philosophist

10410

asked Mar 22 at 4:39

TDGTDG

5631624

asked Mar 22 at 4:39

TDGTDG

5631624

3 Answers
3

active

oldest

votes

0

Using pop and split you can get new id without (スーペリアルーム) and set new id to div like below.

var id = $('div').attr('id');
var arr = id.split("-");
//remove last element from array
var popItem = arr.pop();
//change array back to string and replace , with -
var result = arr.toString().replace(',','-');
//Give New ID for div
$('div').attr('id',result)
console.log($('div').attr('id'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
</div>

share|improve this answer

answered Mar 22 at 4:59

ShreeShree

12.9k2072124

add a comment | 

1

Using jQuery you can update only after page load, to update you can use attr() method. First of all, get all elements with an id attribute(use has attribute selector) and use attr() method with the callback to iterate and update id.

$('[id]').attr('id', function(i, id)
 // replace all character except word char, digit and -
 // using negated character class in regex
 return id.replace(/[^wd-]/g, '');
);

---

To make it fully valid refer : Javascript regex to remove illegal characters from DOM ID.

$('[id]').attr('id', function(i, id)
 return id.replace(/^[^a-z]+);

share|improve this answer

answered Mar 22 at 4:51

Pranav C BalanPranav C Balan

90.1k1391118

add a comment | 

0

You can use javascripts splice to split at last occurrence of the hypen (-).

var str = "superior-room-(スーペリアルーム)";
var idx = "superior-room-(スーペリアルーム)".lastIndexOf('-');
console.log(str.split('').splice(0,13).join(''));

Hope this helps.

share|improve this answer

answered Mar 22 at 5:02

Priyesh DiukarPriyesh Diukar

35829

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55293017%2fjquery-slice-remove-special-characters-from-id-or-class-name%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

Using pop and split you can get new id without (スーペリアルーム) and set new id to div like below.

var id = $('div').attr('id');
var arr = id.split("-");
//remove last element from array
var popItem = arr.pop();
//change array back to string and replace , with -
var result = arr.toString().replace(',','-');
//Give New ID for div
$('div').attr('id',result)
console.log($('div').attr('id'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
</div>

share|improve this answer

answered Mar 22 at 4:59

ShreeShree

12.9k2072124

add a comment | 

0

Using pop and split you can get new id without (スーペリアルーム) and set new id to div like below.

var id = $('div').attr('id');
var arr = id.split("-");
//remove last element from array
var popItem = arr.pop();
//change array back to string and replace , with -
var result = arr.toString().replace(',','-');
//Give New ID for div
$('div').attr('id',result)
console.log($('div').attr('id'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
</div>

share|improve this answer

answered Mar 22 at 4:59

ShreeShree

12.9k2072124

add a comment | 

Using pop and split you can get new id without (スーペリアルーム) and set new id to div like below.

var id = $('div').attr('id');
var arr = id.split("-");
//remove last element from array
var popItem = arr.pop();
//change array back to string and replace , with -
var result = arr.toString().replace(',','-');
//Give New ID for div
$('div').attr('id',result)
console.log($('div').attr('id'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
</div>

share|improve this answer

answered Mar 22 at 4:59

ShreeShree

12.9k2072124

var id = $('div').attr('id');
var arr = id.split("-");
//remove last element from array
var popItem = arr.pop();
//change array back to string and replace , with -
var result = arr.toString().replace(',','-');
//Give New ID for div
$('div').attr('id',result)
console.log($('div').attr('id'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
</div>

var id = $('div').attr('id');
var arr = id.split("-");
//remove last element from array
var popItem = arr.pop();
//change array back to string and replace , with -
var result = arr.toString().replace(',','-');
//Give New ID for div
$('div').attr('id',result)
console.log($('div').attr('id'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
</div>

var id = $('div').attr('id');
var arr = id.split("-");
//remove last element from array
var popItem = arr.pop();
//change array back to string and replace , with -
var result = arr.toString().replace(',','-');
//Give New ID for div
$('div').attr('id',result)
console.log($('div').attr('id'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id =superior-room-(スーペリアルーム)" class="list-item">
 <p>Title</p>
</div>

share|improve this answer

answered Mar 22 at 4:59

ShreeShree

12.9k2072124

answered Mar 22 at 4:59

ShreeShree

12.9k2072124

answered Mar 22 at 4:59

ShreeShree

12.9k2072124

1

Using jQuery you can update only after page load, to update you can use attr() method. First of all, get all elements with an id attribute(use has attribute selector) and use attr() method with the callback to iterate and update id.

$('[id]').attr('id', function(i, id)
 // replace all character except word char, digit and -
 // using negated character class in regex
 return id.replace(/[^wd-]/g, '');
);

---

To make it fully valid refer : Javascript regex to remove illegal characters from DOM ID.

$('[id]').attr('id', function(i, id)
 return id.replace(/^[^a-z]+);

share|improve this answer

answered Mar 22 at 4:51

Pranav C BalanPranav C Balan

90.1k1391118

add a comment | 

1

Using jQuery you can update only after page load, to update you can use attr() method. First of all, get all elements with an id attribute(use has attribute selector) and use attr() method with the callback to iterate and update id.

$('[id]').attr('id', function(i, id)
 // replace all character except word char, digit and -
 // using negated character class in regex
 return id.replace(/[^wd-]/g, '');
);

---

To make it fully valid refer : Javascript regex to remove illegal characters from DOM ID.

$('[id]').attr('id', function(i, id)
 return id.replace(/^[^a-z]+);

share|improve this answer

answered Mar 22 at 4:51

Pranav C BalanPranav C Balan

90.1k1391118

add a comment | 

Using jQuery you can update only after page load, to update you can use attr() method. First of all, get all elements with an id attribute(use has attribute selector) and use attr() method with the callback to iterate and update id.

$('[id]').attr('id', function(i, id)
 // replace all character except word char, digit and -
 // using negated character class in regex
 return id.replace(/[^wd-]/g, '');
);

---

To make it fully valid refer : Javascript regex to remove illegal characters from DOM ID.

$('[id]').attr('id', function(i, id)
 return id.replace(/^[^a-z]+);

share|improve this answer

answered Mar 22 at 4:51

Pranav C BalanPranav C Balan

90.1k1391118

$('[id]').attr('id', function(i, id)
 // replace all character except word char, digit and -
 // using negated character class in regex
 return id.replace(/[^wd-]/g, '');
);

$('[id]').attr('id', function(i, id)
 return id.replace(/^[^a-z]+);

share|improve this answer

answered Mar 22 at 4:51

Pranav C BalanPranav C Balan

90.1k1391118

answered Mar 22 at 4:51

Pranav C BalanPranav C Balan

90.1k1391118

answered Mar 22 at 4:51

Pranav C BalanPranav C Balan

90.1k1391118

0

You can use javascripts splice to split at last occurrence of the hypen (-).

var str = "superior-room-(スーペリアルーム)";
var idx = "superior-room-(スーペリアルーム)".lastIndexOf('-');
console.log(str.split('').splice(0,13).join(''));

Hope this helps.

share|improve this answer

answered Mar 22 at 5:02

Priyesh DiukarPriyesh Diukar

35829

add a comment | 

0

You can use javascripts splice to split at last occurrence of the hypen (-).

var str = "superior-room-(スーペリアルーム)";
var idx = "superior-room-(スーペリアルーム)".lastIndexOf('-');
console.log(str.split('').splice(0,13).join(''));

Hope this helps.

share|improve this answer

answered Mar 22 at 5:02

Priyesh DiukarPriyesh Diukar

35829

add a comment | 

You can use javascripts splice to split at last occurrence of the hypen (-).

var str = "superior-room-(スーペリアルーム)";
var idx = "superior-room-(スーペリアルーム)".lastIndexOf('-');
console.log(str.split('').splice(0,13).join(''));

Hope this helps.

share|improve this answer

answered Mar 22 at 5:02

Priyesh DiukarPriyesh Diukar

35829

var str = "superior-room-(スーペリアルーム)";
var idx = "superior-room-(スーペリアルーム)".lastIndexOf('-');
console.log(str.split('').splice(0,13).join(''));

var str = "superior-room-(スーペリアルーム)";
var idx = "superior-room-(スーペリアルーム)".lastIndexOf('-');
console.log(str.split('').splice(0,13).join(''));

var str = "superior-room-(スーペリアルーム)";
var idx = "superior-room-(スーペリアルーム)".lastIndexOf('-');
console.log(str.split('').splice(0,13).join(''));

share|improve this answer

answered Mar 22 at 5:02

Priyesh DiukarPriyesh Diukar

35829

answered Mar 22 at 5:02

Priyesh DiukarPriyesh Diukar

35829

answered Mar 22 at 5:02

Priyesh DiukarPriyesh Diukar

35829