Question

如何通过其父<span>访问特定的<div>，如下所示：

<div>
<!--parent div-->
 <div>
   <span>...</span>
   <span>...</span>
 </div>
 <div>
   <span>...</span>
   <span>.. through parent div i can access this span ..</span>
 </div>
<!--close parent div-->
</div>

编辑：有一个变量假设项目。。在此项目变量中有两个值显示，即（项目=名称大小） 我将这个变量通过jquery分解为parts..ie.item [0] = name;项[1] =大小; 现在我打印父div中的名称...以及子div中的大小跨越jquery ......

<div>
    <!--parent div-->
     <span>...Print Name...</span>
     <div>
       <span>...</span>
       <span>...</span>
     </div>
     <div>
       <span>...</span>
       <span>.. Print Size.. ..</span>
     </div>
    <!--close parent div-->
    </div>

Answer 1

如果您尝试从父div中选择特定范围，则需要以下内容：

parentDiv = $(element); // assuming you know which parent you're talking about
$('> div:eq(1) > span:eq(1)', parentDiv);

但是给你的<span>一个类名更容易，例如

<span class="my-span">hello</span>

在这种情况下，选择它将是：

parentDiv.find('.my-span');

Example

Answer 2

我认为这是你寻找的地方

$（“div span”）。click（function（）{
    });

或者如果您需要使用css

div span{

}

并选择一个范围

<div>
    <!--parent div-->
     <div>
       <span>...</span>
       <span>...</span>
     </div>
     <div>
       <span>...</span>
       <span id="someid">.. through parent div i can access this span ..</span>
     </div>
    <!--close parent div-->
    </div>

首先添加ID

$("#someid").click(function () {

          });

通过父div访问跨度？

2 个答案: