How do I select an iframe by the src attribute using jQuery?

Question

My code: HTML: ``` ``` JS: ``` $("iframe[scr*='http://lorempixel.com/400/400/']").css("border", "3px solid blue"); ``` Jsfiddle: Link to JsFiddle Can seem to select the iframe via its source attribute. Thank you in Advance.

Accepted Answer

Solution

You have a typo, The correct attribute you should be referencing is `src` whereas your query is searching for an attribute named `scr` which doesn't exist.

so instead of

```
$("iframe[scr*='http://lorempixel.com/400/400/']").css("border", "3px solid blue");
```

you should have

```
$("iframe[src*='http://lorempixel.com/400/400/']").css("border", "3px solid blue");
```

Example

> here's a jsfiddle which shows this typo corrected

Reference:

- http://reference.sitepoint.com/html/img/src

How do I select an iframe by the src attribute using jQuery?

Solution

Problem

Related problems