获取HTML中的标签内容到jquery中并用数组存储

921 views

HTML中代码。

<li audiourl=”images/6039.mp3″ cover=”6039″>6039</li>
<li audiourl=”images/bdr207.mp3″ cover=”bdr207″>bdr207</li>
<li audiourl=”images/望江南.mp3″ cover=”望江南”>望江南</li>
<li audiourl=”images/夜背景.mp3″ cover=”夜背景”>夜背景</li>
<li audiourl=”images/After Your Love Is Gone.mp3″ cover=”After Your Love Is Gone”>After Your Love Is Gone</li>
<li audiourl=”images/Atlantis+Is+Calling+(S.O.S.+for+Love)(1).mp3″ cover=”Atlantis+Is+Calling”>Atlantis+Is+Calling</li>
<li audiourl=”images/Ready For The Victory.mp3″ cover=”Ready For The Victory”>Ready For The Victory</li>
<li audiourl=”images/Sexy Sexy Lover.mp3″ cover=”Sexy Sexy Lover”>Sexy Sexy Lover</li>
<li audiourl=”images/月光(上弦月版).mp3″ cover=”月光(上弦月版)”>月光(上弦月版)</li>

JS代码。
var my_arr_list=[];
$(“li”).each(function(i,dom){
my_arr_name[i] = $(this).attr(“cover”);
my_arr_list[i] = $(this).attr(“audiourl”);
});

利用attr函数可以返回HTML中标签的属性的值。
<script type=”text/javascript”>
$(document).ready(function(){
$(“button”).click(function(){
alert(“Image width ” + $(“img”).attr(“width”));
});
});
</script>
</head>
<body>
<img src=”/i/eg_smile.gif” width=”128″ height=”128″ />
<br />
<button>返回图像的宽度</button>

$(“img”).attr(“width”,”180″); 可改变标签中属性的值。

标签数量,可用

$("li").size()

获取。

利用 $(this).index()可以获取当前点击对象的索引值

<script type=”text/javascript”>
$(document).ready(function(){
$(“li”).click(function(){
alert($(this).index());
});
});
</script>
</head>
<body>
<p>点击列表项可获得其相对于同胞元素的 index 位置:</p>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>

 

 

 

如果您觉得这篇文章对您有帮助,欢迎继续关注本站!!!我要赞助本站>>>

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注