javascript选择同级下一元素

为什么要这么做？不可以外面加个div来方便定位么？比如：

<div class="panel">

<input id="test" value="value" name="name"/>

<label for="test">…………</label>

</div>

$("panel label") 这样子来选？

jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性，下面的例子将返回首个匹配元素的 background-color 值：

$("p")css("background-color");

父级的同级元素的子标签的css样式如下：

//eq(0)表示选择匹配到多个元素中的第一个

$("target")parent()siblings()eq(0)children()eq(0)

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，填充问题基础代码。

2、在indexhtml中的<script>标签，将“$("post_status")”修改为“$(this)find("post_status")”。

3、浏览器运行indexhtml页面，此时对任意个div进行hover都只会是当前hover的元素会调用样式改变代码。

你可以让span相对于div来定位啊，这样就不用管input的长度和位置了。当然，input也要通过设置text-indent来给span腾出位置。下面是个简单的实现例子（为了方便，我用了内联的css，你可以改成外联的）：

<div style="position:relative"><input type="text" id="xj_zhanghao" class="xj_text" maxlength="16" style="text-indent:20px" placeholder="账号" onKeyUp="xjzhltishi()" onFocus="qcxjtishi()"/><span id="xjzhtishi" style="position:absolute; left:3px; top:3px; width:14px; padding:1px; line-height:1; text-align:center; background-color:red; color:white; font-size:11px; border-radius:2px">99</span></div>

b这一类的元素都是a的同级元素并且是a元素之后的就可以a:hover~b{}

完美解决 ，经测试！

附上我自己的代码：

ul li a img:hover ~h3 {

    padding-bottom: 10px;

    color: #25AAFF!important;

    border-bottom: 2px solid #25AAFF;

}

$(function() {

$("d_1")click(function() {

$(this)nextAll("d_1")each(function() {

$(this)css("background", "gray");

});

});

});

测试通过

以上就是关于javascript选择同级下一元素全部的内容，包括:javascript选择同级下一元素、jquery 获取 父级的同级下面的子标签的css样式、jquery 如何选取相同class里特定的一个等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！