JQuery中怎么得到this中的某个元素

JQuery中怎么得到this中的某个元素,第1张

如果是div id=“a”和里面的input 是动态生成的,你的点击事件有问题,动态元素不能这样绑定事件

//给input绑定点击事件

$(document)on('click','input[type="radio"]',function(){

var _this = $(this);获取当前点击的input,

_thisprop("checked",true);//给当前设置选中状态

});

这样地div id="a"里面生成再多的input都可以绑定事件

实现方法:在jquery代码中,首先使用attr()方法获取某元素的class,然后使用addClass()方法为另一个元素添加这个class,或者使用attr()方法为另一个元素的class赋值。下面进行实例演示:

1、新建一个HTML文件,输入如下的HTML结构。为了演示本问题,假设了一个带有背景色样式的A元素和一个红色的B元素,实现在点击按钮后将A元素的类样式(背景色)应用到B元素上。

<style>

red{color:red !important;} /红色css样式/

bg_green{background:#00cc00;} /背景色类样式/

</style>

<div id="test">

<div id="a" class="bg_green">A(我是bg_green类)</div>

<div id="b" class="red">B(我是red类)</div>

</div>

function checkuser(a){

  var f=aparentNode;

  while(ftagName!="FORM")f=fparentNode;

  alert(f["id"]value);

}

jquery 怎样获取某元素以下的第n个元素

如: <div class="EnterpriseTemplate"> <div class="TemplateTt"> <div class="EnterpriseLeft"> <div class="TemplateLeft" style="display: block;"> <div class="TemplateLeftTt"> <div class="TemplateLeftCont"> <ul> <li class=""> <li class展开

Viola_wxj | 浏览 11750 次

推荐于2016-11-23 06:52:34最佳答案

可以用jquery选择器的:eq选择器或者jquery遍历的eq()方法,下面带那给出ul下第4个li的内容

1

2

$("ul li:eq(3)") // 元素的index位置工0开始计数,所以这里的3实际为第4个元素

$("ul")find("li")eq(3)

示例代码如下

创建Html元素

1

2

3

4

5

6

7

8

9

10

<div class="box">

<span>点击按钮获取指定位置元素:</span>

<div class="content">

<li>梨子</li>

<li>李子</li>

<li>栗子</li>

<li>荔枝</li>

</div>

第 <input type="text" name="num"> 个li元素<input type="button" value="确定">

</div>

设置css样式

1

2

3

4

5

6

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

如果你对jq有基础的话,那么思路:

  1点击id为btn按钮

2获取id为source元素的链接href地址

3跳转

代码演示:

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title></title>

<script type="text/javascript" src=">

以上就是关于JQuery中怎么得到this中的某个元素全部的内容,包括:JQuery中怎么得到this中的某个元素、怎么获取某个元素的指定class、请赐教:点击某元素时,js获取同辈元素的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存