use string in <title> to change string in div

Question

I am using a jquery script to change strings to something else based on the divs initial string as well as adding an extra class to the element. Works great.

However, I just got in a situation that I need to be able to target a few divs based in a string in the sites title tags when a special users logg in thus the title change.

Is this possible? Both Vanilla JS and jQuery is good for me.

Script I am using:

 $( "span.conditionHilite:contains('Standard')" )
  .text('Approved Selection').addClass( "approvedSelectionHilite" );

I would like to run that script ONLY if the title contains a certain string.

Can you explain what you're trying to do a little more. How does the snippet of code you've posted relate to the title? What value are you trying to get from title, and what do you want to do with it? — Rory McCrossan
– Rory McCrossan, Commented May 8, 2015 at 6:52
Hi Rory. I want to run the script only if the <title> tags contains a specific string. @RoryMcCrossan — Xeptor
– Xeptor, Commented May 8, 2015 at 7:11
The string belongs to the specific customers information. Its the name of the company of that customer. When the customer logs in this adds to the <title> tags. I want to use my script when this strings is meet in the title tags. — Xeptor
– Xeptor, Commented May 8, 2015 at 7:36

Adarsh Gowda K R · Accepted Answer · 2015-05-08 07:11:38Z

2

here is the code

if($('title:contains("Your specific string")')){
// do your task 
$( "span.conditionHilite:contains('Standard')" )
  .text('Approved Selection').addClass( "approvedSelectionHilite" );

}

answered May 8, 2015 at 7:11

Adarsh Gowda K R

9618 silver badges15 bronze badges

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

1 Comment

Xeptor Over a year ago

Actually.. It changes the strings even if title doesnt contains the specific string. So close! @AdarshGowdaKR

Jai · Accepted Answer · 2015-05-08 07:01:24Z

0

I just got in a situation that I need to be able to target a few divs based in a string in the sites title tags.

you can cache it before like this:

var title = document.title.trim(); // <---gives you the title of the document.
$( "div:contains("+title+")").css('border', 'solid red 1px');

When you use the code snippet above you can see what is it doing:

caching the document title in a var title as posted.
When you cache it you can use this var title in the code with concatenation.
Just for a demo purpose i have attached the css method of jquery.

edited May 8, 2015 at 7:01

answered May 8, 2015 at 6:56

Jai

74.8k12 gold badges77 silver badges104 bronze badges

1 Comment

Xeptor Over a year ago

Hi Jai. Not sure how this would work? I would want to run the script that changes the divs string only when the <title> tag contains a specific string? @Jai

Antonio · Accepted Answer · 2015-05-08 07:01:50Z

0

You should use the the syntax $( "[attribute='value']" ) Here the doc https://api.jquery.com/attribute-equals-selector/

For example you could change the text of all the divs having title=Standard

$("div[title='Standard']).each(function(index,value){    
    $(this).text("change-me")
});

answered May 8, 2015 at 7:01

Antonio

6545 silver badges18 bronze badges

2 Comments

Xeptor Over a year ago

I am succesfully changing the text in the divs with the script I posted - Im looking to run the script only when the <title> tags have a certain string in them.

Antonio Over a year ago

var title = $("title:contains('demo')"); // you may want to retrieve the full text of the title var value = title.text(); if(title){ //your code here }

Collectives™ on Stack Overflow

use string in <title> to change string in div

3 Answers 3

1 Comment

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related