使用Jquery具有具有某些CSS属性的元素的目标元素

Question

I want to target the element with class "keyimage" that have an a with a certain background image.

That's my code:

$( ".keyimage" ).has( "a[style^="background-image: url('https://example.com/wp-content/uploads/2018/02/white.jpg')"]" ).css( "display", "none" );

Any idea why it isn't working?

Thank you in advance

Answer 1

$( ".keyimage" ).has( "a[style^=\"background-image: url('https://example.com/wp-content/uploads/2018/02/white.jpg')\"]" ).css( "display", "none" );
--------------------------------^----------------------------------------------------------------------------------^

You need to add \\ in your string to skip quotes

Or you can enclosed with the back-tick instead

$( ".keyimage" ).has( `a[style^="background-image: url('https://example.com/wp-content/uploads/2018/02/white.jpg')"]` ).css( "display", "none" );