十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
当前节点的父节点这样表示: $(this).parent();//$(this)表示当前节点。
成都网站建设公司更懂你!成都创新互联只做搜索引擎喜欢的网站!成都网站制作前台采用搜索引擎认可的DIV+CSS架构,全站HTML静态,H5高端网站建设+CSS3网站,提供:网站建设,微信开发,成都微信小程序,商城网站建设,成都app开发,主机域名,服务器租售,网站代托管运营,微信公众号代托管运营。
这样以后就可以对父节点进行属性的修改了:$(this).parent().css('display','block');
jquery获取父元素比如;parent(),parents,closest(),这些都可以查找父元素或节点,具体步骤如下:
一.parent([expr])
用一个包含着所有匹配元素的唯一父元素的元素集合。
你用可选的表达式来筛选。
如下:
1.$('#item1').parent().parent;
二.parent
得到含有子元素或者文本的元素
如下:
1.$('li:parent');
2.parents([expr])
得到一个包含着所有匹配元素的祖先元素的元素集合。可以通过一个可选的表达式进行筛选。
如下:
1.$('#items').parents('.parent1');
三.closest([expr])
closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。
父节点要和添加子节点差不多,但你要把父节点放在什么地方,例如放在body:
var ele=$('div子节点/div');
var ele1=$('div父节点/div');
$(ele1).append(ele);//把子节点放在父节点里
$(document.body).append(ele1);//把父节点放在body里
var test = document.getElementById("test");
var parent = test.parentNode; // 父节点
var chils = test.childNodes; // 全部子节点
var first = test.firstChild; // 第一个子节点
var last = test.lastChile; // 最后一个子节点
var previous =test.previousSbiling; // 上一个兄弟节点
var next = test.nextSbiling; // 下一个兄弟节点
jQuery 提供了 parent() 方法用以获取当前匹配元素集合中每个元素的父元素,例如:
$("span").parent(); // 获取所有span标签元素的父节点对象集合
$(".selected").parent(); // 获取所有class位selected的元素的父节点对象集合
$(span.selected).parent(); // 获取class为selected的span标签元素的父节点对象集合
另外,注意与parents() 方法的区别——parents() 方法获取当前匹配元素集合中每个元素的祖先元素(祖先元素不仅包括父节点,还包括祖父、曾祖父等等)。