CSS selector for all elements starting with a prefix

Question

I have several polymer elements.

<ps-el-one/>
<ps-el-two/>
<ps-el-three/>
<ps-el-four/>

I want to be able to query all of the elements which begin with "ps-" with either a CSS selector or javaScript.

I whipped up the following solution, but I am wondering if there is anything more efficient?

var allElementsOnPage = document.querySelectorAll('*');
var res = [];
for (var index in allElementsOnPage) {
  var el = allElementsOnPage[index];
  if (el && el.tagName && el.tagName.substr(0, 3) == 'PS-') {
    res.push(el);
  }
}

This solution seems very inefficient.

Answer 1

Check this here

<input name="man-news">
<input name="milkman">
<input name="letterman2">
<input name="newmilk">

<script>
$( "input[name*='man']" ).val( "has man in it!" );
</script>