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 类的元素如果超出框的大小就会被省略，我想要做的是显示如果两个span中的任何一个包含字符串“ ... ”。

我已经做了什么：

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

Javascript查找父母或兄弟姐妹

2 个答案: