Jak vybrat element podle text url který je ve style – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahoj,

bohužel nejsem frontenďák, a tak Vám možná můj dotaz příjde hloupý.

Potřebuji podle části textu, v mém případě textu "image1" vyhledat rodiče nalezeného elementu, tedy span s class parrent, následně mu potřebuji přidat titulek a další atributy.

<span class="parrent">
<span class="attribute-square" style="background: url('http://127.0.0.1/images/thumbs/image1.png') 50% 50% no-repeat;"></span>

</span>

Víceméně končím u toho že dokážu najít elementy které obsahují nějakou url, ale nejsem stavu dosáhnout toho, že mi to vrátí jen konrétní které obsahují v url určitou část textu.

var ele = findElementByText2();
ele.css('background-color', 'red');
ele.prop("title", "new title value");

function findElementByText2() {
    var jSpot = $('span[style*="url"]')
                .parent();  // because you asked the parent of that element

    return jSpot;
}

Existuje na to nějaký postup prosím?

Díky,

Michal

Pokud ty názvy nejsou nějaké pakárny, tak to můžeš hodit rovnou do toho selektoru, ne? Místo url rovnou image1.

Jinak ten výsledek můžeš projít a podle libosti vyfiltrovat.

$('span[style*="url"]').filter(function() {
  return $(this).css('background').includes('image1');
});