Jquery先获取自身内部的元素属性值,该如何获取

Jquery先获取自身内部的元素属性值,该如何获取,第1张

jQuery手册中这样写道:

$(expression, [context])

expression String 用来查找的字符串

context (可选) Element, jQuery 作为待查找的 DOM 元素集、文档或 jQuery 对象。

那么,你可以这样获取:

$('img:first-child', this)attr('src');

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

或者用原生js:

var a = documentgetElementById('my')getElementsByTagName('a');

var src = [];

for(var i=0;i<slength;i++){

srcpush(a[i]getElementsByTagName('img')[0]src);

}

用法错误,最好学习下事件this的使用

<div onclick="say(this)" pid="abc">内容</div>

<script>

function say(obj){

//alert($(obj)attr("pid"));

alert(objgetAttribute("pid"));

}

</script>

可以使用:jQuery 属性 *** 作 - attr() 方法

attr() 方法的定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数,其工作方式也有所差异。

使用attr() 方法返回属性值

语法:$(selector)attr(attribute)。attribute

规定要获取其值的属性。

使用attr() 方法设置属性/值

语法$(selector)attr(attribute,value)。attribute规定属性的名称,value 规定属性的值。 

实例

// 改变图像的 width 属性:

$("button")click(function(){  $("img")attr("width","180");});

//获取select标签自定义属性 data-val的值

$("select")eq(0)attr("data-val")

<a href="javascript:void(0)" onclick="add_text(this)" >名称</a>

<script>

function add_text(a)

{

$(输入框)text($(a)text());

}

</script>

div是没有value属性的,但是我们可以给它加上去也是可以获得的,在这里value只是一个自定义参数。

html代码

<div class="store"  value="tanyu"></div>

jq代码

$(function(){

$("store")click(function(){

alert($(this)attr('value'));

});

});

获取对象后,调用如下方法:

function allPrpos(obj) {

// 用来保存所有的属性名称和值

var props = "";

// 开始遍历

for(var p in obj){

// 方法

if(typeof(obj[p])=="function"){

// obj[p]();

}else{

// p 为属性名称,obj[p]为对应属性的值

props+= p + "=" + obj[p] + ""t";

}

}

// 最后显示所有的属性

alert(props);

}

attr(name|properties|key,value|fn)

参数

nameStringV10

属性名称

properties MapV10

作为属性的“名/值对”对象

key,value

String,ObjectV10

属性名称,属性值

key,function(index, attr)

String,FunctionV11

1:属性名称。

2:返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值。

参数name 描述:

返回文档中所有图像的src属性值。

jQuery 代码:

$("img")attr("src");

以上就是关于Jquery先获取自身内部的元素属性值,该如何获取全部的内容,包括:Jquery先获取自身内部的元素属性值,该如何获取、jquery 获取不了当前标签的属性 $(this).attr("pid")、Jquery怎么获取select选中项 自定义属性的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存