如何在特定的DIV块(JS或JQUery)中获取元素

Question

我只想要一种快速/简单/简单的方法来检查特定元素上的现有ID(在本例中为div).

似乎无法使用jquery找到这个..的代码示例,但我不认为我需要在这一个上做jquery,只是基本的getElement ..但我需要隔离div块内的搜索..因为id确实存在于页面上的其他元素中,但我需要知道它是否存在于特定的区域/ div中.

而不仅仅是

document.getElementById(target_id);

我需要这样的东西:

divName.getElementById(target_id);

要么

$("document.divName").getElementById(target_id);

要么

$(".divName").document.getElementById(target_id);

似乎找不到有用的东西.

Answer 1

ID应该是唯一的,页面中没有两个元素应该具有相同的id.您可以使用特定ID在div中使用某个类搜索某个元素.

$('#divId .someClass')

或者使用find()

$('#divId').find('.someClass')

或使用上下文,jQuery( selector [, context ] )

$('.someClass', $('#divId'))

Answer 2

    var mySubDiv = myParentDiv.querySelector("#mySubDivId")

相当于

    var mySubDiv = document.querySelector("#myParentDivId #mySubDivId"); 
    // don't forget the space :  #myParentDiv#mySubDivId won't work

其中,querySelector和querySelectorAll是非常有用的功能,足以让我避免使用jQuery :他们接受任何css selector

在现实生活中,使用相同的Id来DOM elements经常发生.