如何选择只知道Java语言中一部分名称的类名称

Question

In Javascript with editor.selection.getContent() function i get the image selected in the wp editor:

<img class="alignnone wp-image-xxx size-large" src="http://....." alt="" />

i need to select the class wp-image-xxx and replace it with a class that include a new id (xxx).

With classList i can get all classes:

var imgselected = editor.selection.getNode();
var classes = imgselected.classList;

But how can i select in javascript the class wp-image-xxx without knowing the xxx value so to be able after to replace it?

Answer 1

Here is the most basic way that is applicable in your case:

//Replaces the first class that matches the name given as its "start" of string with a new class name;
function replaceClass(element, searchClassName, replacementClassName) {
  element.classList.remove(findClassName(document.getElementById('foo'), searchClassName));
  element.classList.add(replacementClassName)

  //used to find a className
  function findClassName(element, searchPhrase) {
    var classNameFound = "";
    element.classList.forEach(function(className) {
      if (className.substring(0, searchPhrase.length) === searchPhrase) {
        //Element found
        if (!classNameFound)
          classNameFound = className;
      }
    });
    return classNameFound;
  }
}

just run it with something like:

replaceClass(document.getElementById('foo'), 'wp-image', 'newClassName');