用Jquery取出Span标签下面的id属性

用Jquery取出Span标签下面的id属性,第1张

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title>Ball</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-180minjs"></script>

<script type="text/javascript">

$ (function ()

    {

    $ ("span")click (function ()

    {

    alert ($ (this)attr ("id"));

    })

    $ ("button")click (function ()

    {

    alert ($ (this)closest ("divprofile-info-row")find ("editable")attr ("id"));

    })

    });

</script>

</head>

<body>

<div class="profile-info-row">

<div class="profile-info-name">联系电话</div>

<div class="profile-info-value">

<span class="editable" id="uMobile">1111111111111 </span>

</div>

<div>

<button>test</button>

</div>

</div>

</body>

</html>

可以通过很多方式获取:id,name,class等都可以获取

$("#id")attr("自定义属性")

$("input[name="名称"]")attr("自定义属性")

$("class")attr("自定义属性")

模式就是这样的

首先说jquery的局部刷新是不应该刷页面的

如果要用a标签来做的话, href中应该写#, 然后在onclick事件中来调用jquery的处理方法

否则a标签只会处理href的跳转功能, 无法实现局部刷新, 只能页面刷新了

问题所述a标签的url地址传值, 实际上应该是在onclick事件中, 调用jquery的ajax方法

在ajax方法中通过请求url来传值获取动态刷新的数据, 在回调中实现页面内容的局部刷新

另, 一般用a标签来做js *** 作是为了要a标签的鼠标效果, 这一点可以用一个label或者span加上一个cursor:pointer;的样式来代替(不要写cursor:hand; 只有IE才认这个样式), 再配以onclick事件就可以了

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

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

2、在indexhtml中的<script>标签,输入jquery代码:

$('body')append($('top1div span')attr('id'));

3、浏览器运行indexhtml页面,此时成功获取到了top1div类中span标签的id并打印了出来。

怎么使用jquery获得标签的值或元素的内容?

jquery提供了三个获得内容的方法, text()、html() 以及 val(),其中前两个可用于解决本问题,$("label#userid")text();   // 首选,获取label的文本,$("label#userid")html();   // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法。

实例演示:

创建Html元素

<div class="box">

<span>点击按钮获取label中内容:</span><br>

<div class="content">

<label id="userid">输入用户名</label><input type="text">

</div>

<input type="button" value="获取label中的内容">

</div>

2设置css样式

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

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

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

3编写jquery代码

$(function(){

$("input:buttonbtn1")click(function() {

alert($("label#userid")text());

});

$("input:buttonbtn2")click(function() {

alert($("label#userid")html());

});

})

化学元素(Chemical element)就是具有相同的核电荷数(即核内质子数)的一类原子的总称,从哲学角度解析,是原子的电子数目发生量变而导致质变的结果。

关于元素的学说,即把元素看成构成自然界中一切实在物体的最简单的组成部分的学说。早在远古就已经产生了,不过,在古代把元素看作是物质的一种具体形式的这种近代观念是不存在的。无论在我国古代的哲学中还是在印度或西方的古代哲学中,都把元素看作是抽象的、原始精神的一种表现形式,或是物质所具有的基本性质。

以上就是关于用Jquery取出Span标签下面的id属性全部的内容,包括:用Jquery取出Span标签下面的id属性、如何用jquery获取页面中的自定义标签、点击a标签怎么实现jquery 局部刷新,a标签有url地址传值。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存