I have a navigation text and I will select the last sentence after *

Example; Home*Development*Mobil and Web Development

I will only select the last sentece after * --> (Mobil and Web Development)

CodePudding user response：

If you want to select Mobil and Web Development from the text, you can use .split(/[*] /).pop().

Demo

Show code snippet

var n = "Home*Development*Mobil and Web Development".split(/[*] /).pop();
console.log(n)

<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

CodePudding user response：

You can use Javascript Regular express for that

let chain = "Home*Development*Mobil and Web Development";

let pattern = /.*\*(.*)$/

let matches = chain.match(pattern);

console.log(matches[1]);

<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

CodePudding user response：

Assuming that what you want to do is some styling on the final 'sentence' you can run some JS on startup to find all elements with a particular class, separate out the final part and wrap it in a span and select that:

const selectLasts = document.querySelectorAll('.selectLast');

selectLasts.forEach(selectLast => {
  //note there are 'neater' ways of doing this but each step is deliberately spelled out here to show what is going on
  const text = selectLast.innerHTML;
  const arr = text.split('*');
  const lastText = arr.pop();
  selectLast.innerHTML = arr.join('*');
  const lastEl = document.createElement('span');
  lastEl.innerHTML = '*'   lastText;
  selectLast.appendChild(lastEl);
});

.selectLast span {
  background-color: yellow;
}

<div class="selectLast">Home*Development*Mobil and Web Development</div>

<iframe name="sif3" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

CodePudding user response：

You can insert a child element inside a div like this and then select with CSS.

div > span {
color:red;
}

<div>
Home "" Development "" <span>Mobil and Web Development</span>
</div>

<iframe name="sif4" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>