我怎样才能找到div的最后一个后代?

时间:2017-01-01 10:17:42

标签: javascript jquery

我想找到下面html的最后一个后代div。 我试过但它找到了第一次出现的div。

我怎样才能做到这一点?

HTML:

maximumValue

jQuery的:

@IBAction func setSliderValue(_ sender: UIButton){
        mytimer =  Timer.scheduledTimer(timeInterval: 0.1, target: self, selector: #selector(timerAction), userInfo: nil, repeats: true)
    }


    func timerAction(){
        let Range =  slider.maximumValue - slider.minimumValue;
        let Increment = Range/100;
        var newval = slider.value + Increment;
        var backwards : Bool = false

        if(slider.value != slider.maximumValue && backwards == false){
            slider.setValue(newval, animated: true)
            print("The value of the slider is now \(slider.value)")
            sliderValue = Int(slider.value)
            print("1. \(backwards)")
        }
        else if (slider.value == slider.maximumValue || slider.value != slider.maximumValue){
            newval = slider.value - 1
            print("newval : \(newval)")
            print("slider.value : \(slider.value)")
            slider.setValue(newval, animated: true)
            backwards = true
            print("2. \(backwards)")
        }
    }

2 个答案:

答案 0 :(得分:4)

您可以通过查找唯一没有<div>子元素的<div>元素来使用jQuery解决此问题:

$(".greatparent").find("div:not(:has(div))")

答案 1 :(得分:2)

您可以使用jQuery :last选择器

&#13;
&#13;
var last = $(".greatparent div:last");
console.log(last.children().length);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<div class='greatparent'>
  <div>
    <div>
      <div>
        <div>
          <div>
            find this div element
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
&#13;
&#13;
&#13;