Mam taki kod html:

<div class="comment" id="7" >
  <div style="display:inline-block">
    <img style="width:64px;height:64px" src="http://origin.black-marketplace.net/content/images/users/1.jpg"><br>
    <div class="rating" style="background-position:0px -10px" title="1 stelle su 5"></div>
  </div>
  <div style="display:inline-block;float:right;width:172px;height:75px">
    <b>Xriuk</b>
    <div style="font-size:10px;color:#BEBEBE;line-height:10px">ha comprato</div>
    <span class="ellips games">mkx brteshtnx</span>
  </div>
  <span style="font-size:12px;height:50px;width:236px;display:block" class="ellips">sdjchsdui edi0ufwuèè+eè+è+èàùiek ci0hxjomwui9vjko'asdhvfyu8rk cxi0ehfuioweju9cwej icjnweuceioncuiasn cu9wecji0wejucm vuiom fiwefdoeqr hg wgtehwhwtwghrh</span>
  <a class="url" style="float:right;font-size:11px;display:none" href="7">Continua a leggere -&gt;</a>
</div>

Zasadniczo wszystkie elementy z klasą Elips Uzyskaj eliped, jeśli przepełnij rozmiar pola, to, co chcę zrobić, to Wyświetlacz , jeśli istnieje dwóch span zawiera ciąg " ... ".

Co już zrobiłem:

$(".ellips").ellipsis();
var text = document.getElementsByClassName("ellips");
if(text){
  for(var i = 0; i < text.length; i++){
    if(text[i].innerHTML.indexOf("...") != "-1"){
      ***HERE***
    }
  }
}

W ***HERE*** Muszę umieścić kod, który zwraca element dziecka " #url " z górnego elementu macierzystego ". Compotion " (górny element macierzystym musi odpowiadają bieżącym " apellips " wybrane).
Jakaś pomoc?

Dzięki!

0
Xriuk 1 grudzień 2013, 15:17

2 odpowiedzi

Najlepsza odpowiedź

Próbować

$(".ellips").ellipsis();
$('.comment .ellips').each(function () {
    if (this.innerHTML.indexOf("...") != "-1") {
        var $url = $(this).closest('.comment').find('.url');
        //here $url refers the element with url class under the same .comment element
    }
})
1
Arun P Johny 1 grudzień 2013, 12:00

Spróbuj tego:

  $(text[i]).closest('.comment').find('a.url')
0
Andrew 1 grudzień 2013, 11:24