Как выбрать изображение в двух тегах <div>?

Question

Код выглядит следующим образом:

<div id="compare_view" align="center">

    <div id="compv-navbar">
        <img src="image1.png"> | <img src="image2.png"> | <img src="image3.png"> | Text can be here
    </div>    
</div>

Я хотел бы иметь возможность манипулировать всеми изображениями внутри div 'compv-navbar'.

Я знаю, что мог бы дать каждомуизображение уникального идентификатора и выберите их таким образом, но я хочу манипулировать всеми изображениями внутри этого compv-navbar div одновременно.

Редактировать: Извините, я хотел бы выбрать его с помощью CSS.Я думал, что это было очевидно из тегов.

Answer 1

#compare_view #compv-navbar img { } 

Первый id на самом деле не нужен, но делает его более конкретным и линейным. Вы можете пойти дальше и просто использовать #compv-navbar img, если хотите.

Если вы хотите работать с javascript, getElementById на #compv-navbar и getElementsByTagName('img'), используя это в качестве контекста.

jВопрос-ответ: $('#compv-navbar img')

Answer 2

Взгляните на JQuery "каждый" метод: http://api.jquery.com/jQuery.each/

Answer 3

#compv-navbar img { 'your schnizzzle' }

Answer 4

/*
query for id compv-navbar and populate NodeList collection with all <img> children
NOTE: since ids _required_ to be unique within the document, asking for compare_view first is redundant
*/
var nodeList = document.getElementById( 'compv-navbar' ).getElementsByTagName( 'IMG' );
for ( var i = 0; i < nodeList.length; i++ )
  nodeList[ i ].title = 'Here is my image!'

да, JS больше не имеет вкуса?

#compare_view>#compv-navbar>img { content: "here WAS my image" }

Опять же, селектор слишком специфичен