使用jquery从子节点的目标父节点

-2

<dl> 
    <dt class="tab">..</dt> 
    <dd class="tab-container">..</dd> 
    <dt class="tab"> 
     <div class="hi">hello</div> 
    </dt> 
    <dd class="tab-container">...</dd> 
    <dt class="tab">...</dt> 
    <dd class="tab-container">...</dd> 
</dl>

我想添加新的类到最后dd元素点击“嗨”div .how我可以实现使用jQuery。

来源

2016-03-21 user5962477

你到目前为止试过了哪些代码？ – shamsup

stackoverflow是用于解决**现有的**代码和没有* giv-me-the-codez *网站的问题。 – cramopy

尝试学习遍历。回答你的问题[在评论中提问]

$(this).parents('dl').prev().closest('ul').children('li').eq(-2).addClass('new classs');

来源

2016-03-21 17:25:14 nilesh

可以为closest()用它来获得相关dd祖先然后瞄准最后dl：

$('div.hi').on('click', function(){ 
    $(this).closest('dl').children('dd:last-child').addClass('myNewClass'); 
});

来源

2016-03-21 16:49:23

如何瞄准第二个最后的dd？ – user5962477

@ user5962477使用具有负数索引的'eq（）'：'$（this）.closest（'dl'）。children（'dd'）。eq（-2）' –

thanks.one more questions .how can i target其他不属于

标签的元素。 – user5962477

这听起来像你想是这样的：

$(".hi").click(function() { 
    $(this).closest("dl").find("dd:last-child").addClass("blue"); 
});

例子：https://jsfiddle.net/z24toqL2/

来源

2016-03-21 16:51:39

一种方法是使用jQuery.parents遍历DOM树，直到找到dl元素。

$('.hi').on('click', function() { 
    $(this).parents('dl').find('dd:last').addClass('my-new-class'); 
});

这里是jQuery的API documentation category对DOM树的遍历 - 不止一种方法去做一件事。

来源

2016-03-21 16:52:49 toomanyredirects

你好:)你可以使用父母（）或父母（） - documentation for parents()。

所以，试试这个：

$('.hi').on('click', function() { 
    // In that case- parents('dl') - try to catch a dl parent 
    $(this).parents('dl').find('dd:last-of-type').addClass('new-class'); 
});

你可以view online here in jsfiddle。

来源

2016-03-21 17:02:06

使用jquery从子节点的目标父节点

回答

相关问题