JavaScript查找父級或同級

Question

我有這個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>

基本上，如果超出框的大小，則所有帶有類橢圓的元素都會被省略 ，我要做的是顯示 如果兩個范圍中的任何一個包含字符串“ ... ”。

我已經做了：

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

在***HERE***我需要放置一個代碼，該代碼返回頂級父元素“ .comment ”的子元素“ #url ”（頂級父元素必須與所選的當前“ .ellips ”相對應）。
有什么幫助嗎？

謝謝！

Answer 1

嘗試

$(".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
    }
})

Answer 2

嘗試這個：

  $(text[i]).closest('.comment').find('a.url')