JQuery все, но не потомок определенного типа

Question

У меня есть следующая разметка,

<div custom="">
  <div>
     <template>
        <a custom="">  (anything inside template should not be selected)
        </a>
     </template> 
  </div>
</div>

<a custom=""></a>

Я хочу выбрать все элементы, которые имеют пользовательский атрибут, но не все, что находится внутри узла "шаблон".

Я попробовал следующее, но не работает,

$(":not(template *) [custom]")
$(":not(template) [custom]")
$(":not(template) *[custom]")
$(":not(template *)[custom]")
$(":not(template)").filter('[custom]')) // this does not work either...
$(":not(template,template *)").filter('[custom]')) // this does not work either...

Но это не работает. Любой более простой способ сделать это? Я не получаю никаких элементов в запросе.

Я знаю, шаблон не является стандартным html. Но мой собственный тег должен иметь правильный тег в html вместо переноса в нестандартный скрипт, где проверка разметки невозможна.

Answer 1

Дайте этому шанс.

$('[custom]:not(template *)');

jsFiddle .

При этом выбираются все элементы с атрибутом custom (включая потомков template), а затем выбрасываются элементы, являющиеся потомками элемента template.

Answer 2

Попробуйте сначала сопоставить атрибут [custom], а затем селектор :not.

$("[custom] :not(template)")