jquery选择包含当前元素的父节点的 后面所有兄弟节点...

jquery选择包含当前元素的父节点的 后面所有兄弟节点...,第1张

首先绑定事件

$("selectdirectory")bind("click",function(){

$(this)parent("divdiv_directory")nextAll("divdiv_directory")remove();

});

用nextAll这个api应该可以的,经本地测试 此法可行

jquery 一个table中定位到某一行的方法如下:

jquery使用css3选择器“:nth-child(n)”可以快速选择具有一定规律排列的元素,:nth-child(n) 用于匹配属于其父元素的第 n 个子元素,其中n 可以是数字、关键词或公式。注意:

此过滤器的序号是从1开始的

需要IE8以上浏览器支持

下面实例演示——为table的第1,4,7,行添加背景色变色:

1、HTML结构

<table id = "test">

<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>

<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>

<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>

<tr><td>5</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>6</td><td>7</td><td>8</td><td>9</td></tr>

<tr><td>7</td><td>1</td><td>2</td><td>3</td></tr>

<tr><td>8</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>9</td><td>7</td><td>8</td><td>9</td></tr>

</table>

<input type='button' value='设置'/>

2、jquery代码

$(function(){

$("input[type='button']")click(function() {

$("table#test tr:nth-child(3n+1)")css("background","#229922")

});

});

3、效果演示

jQuery 中使用 text() 或者 html() 函数可以获取td的内容

$("td")text();   // 或者 $("td")html();

二者区别在于前者返回所选元素的文本内容,后者返回所选元素的内容(包括 HTML 标记)。

下面实例演示:点击按钮后获取所有选中行的td单元格的内容

1、HTML结构

<table id = "test">

    <tr><td><input type="checkbox" name="test"></td><td>1</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>4</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>7</td></tr>

    <tr><td><input type="checkbox" name="test"></td><td>10</td></tr>

</table>

<input type="button" value="确定">

2、jquery代码

$(function(){

    $(":button")click(function() {

        str = $(":checkbox:checked")map(function() {

            return $(this)parent()siblings('td')text();  // 根据checkbox定位到后面的td,然后使用text()函数获取内容

        })get()join(", ");   // 获取内容数组并拼接为字符串

        alert(str);   // 输出

    });

});

3、效果演示

你好····

你的需求应该是复制table并隐藏其中的button,其中这个table是触发click事件的button所在的table。

html中修改内容为:

<button name="Btn_add_yddwxx" class="formButton" onclick="add_tab(this)"> 添 加</button>

意思是将事件源对象传入函数中去。

js函数:

function add_tab(obj){

//根据传入对象获取顶层元素,定位至table并克隆

var j_table = $(obj)closest("tab")clone();

j_tablefind("button")hide(); //隐藏克隆对象中的按钮

$("#Div1")append(j_table); //在Div1中追加克隆对象

}

---------------------------------------------------------------------------------------------------

1、比如我们要得到或者获取到这个div元素。

2、我们就可以这样做,使用$("div"),这就是直接通过元素名来获取,注意要加引号哦。

3、或者你可以给元素添加类,如图,我就加了一个bd类。

4、然后我们这样$("bd")也是可以得到div元素的哦,注意类名是需要一个点的哦。

5、此外,id也是一个不错的方法,不过id只能有一个,不能重名哦。

6、jQuery中id要加#号才会有效哦。

7、最后我就整理好jQuery一些比较常用的获取元素的方法。

以上就是关于jquery选择包含当前元素的父节点的 后面所有兄弟节点...全部的内容,包括:jquery选择包含当前元素的父节点的 后面所有兄弟节点...、jquery 一个table中,定位到指定的行、如何用jquery获得td里边的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9730383.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存