JQuery Получить строку из <img class = "www.example.com"> - PullRequest
Новая
       11

JQuery Получить строку из <img class = "www.example.com">

0 голосов
/ 24 ноября 2010

Это должен быть твик для галереи изображений на основе jquery "Galleria".Вы можете щелкнуть по уменьшенному изображению div, называемому images, и вы попадете на сайт в зависимости от URL-адреса в классе тега.

Псевдокод HTML 

    <div id="galleria">
    <div class="images"><a class="www.google.com" href="bens_img/1.jpg"><img src="bens_img/thumb1.jpg"></a>
    <div class="images"><a class="www.yahoo.com" href="bens_img/2.jpg"><img src="bens_img/thumb2.jpg"></a>
<div class="images"><a class="www.tokyo.co.jp" href="bens_img/3.jpg"><img src="bens_img/thumb3.jpg"></a>
</div>

Pseudo JQuery (Javascript) 

Get Value from class of <a>
Onclick ".images".this
href to Value from class of <a>

Пожалуйста, сделайте это возможным, молодые боги!Я полностью недооценен для этой работы .. TT

Ответы [ 3 ]

0 голосов
/ 24 ноября 2010

Если я что-то упустил, есть ли причина, почему URL-адрес находится в классе якоря?У вас есть путь к изображению в href (обычно резервируется для целевого URL), а затем у вас есть вложенный тег img с той же ссылкой.Разве ваш код не будет выглядеть так? 

    <div class="images"><a href="www.google.com"><img src="bens_img/thumb1.jpg"></a></div>
0 голосов
/ 24 ноября 2010

Помещение в $(document).ready(function() { ... }) должно исправить это. 

$('#galleria div.images a').each(function(){
   $(this).attr("href", "http://" + $(this).attr('class'));
});

Вам не хватает закрывающих </div> тегов на каждом из <div class="images"> КСТАТИ.

Редактировать: http://jsfiddle.net/Ku6Pc/ - пример, демонстрирующий его работу.

0 голосов
/ 24 ноября 2010

Если я правильно понял, 

$('galleria.images').click(function(){
   window.location.href = $("a", this).attr('class');
});

//although i wonder why you'd put href's within a class attribute. hmmm..

Взгляните на этот пост SO * по допустимым символам для классов CSS .

...