首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Javascript/Jquery抓取不同数字的ID

Javascript/Jquery抓取不同数字的ID
EN

Stack Overflow用户
提问于 2016-09-09 05:06:50
回答 2查看 41关注 0票数 0

所以我用这个来改变属性

代码语言:javascript
运行
复制
$('#ctl00_ContentPlaceHolder1_ctl14_ucCal_hlRss').attr({
 title: "Subscribe via RSS"
});
$('#ctl00_ContentPlaceHolder1_ctl14_ucCal_hlRss img').attr({
 title: "Subscribe via RSS",
 alt: "Subscribe via RSS"
});

它运行良好,但我需要添加到多个不同的网站,其中的"ctl14“将改变(例如在另一个网站上,它将是"ctl60")。有没有办法修改它,以确保它选择"ctl##“之后的任何数字,然后继续使用_ucCal_hlRss和_ucCal_hlRss img?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-09-09 05:15:21

代码语言:javascript
运行
复制
$('[id^=ctl00_ContentPlaceHolder1_ctl][id$=_ucCal_hlRss]') 

尝试这个选择器,它将获取ID以ctl00_ContentPlaceHolder1_ctl开头、以_ucCal_hlRss结尾的所有元素。

票数 4
EN

Stack Overflow用户

发布于 2016-09-09 05:21:02

代码语言:javascript
运行
复制
//function way

function subscribe_title(n) {
    $('#ctl00_ContentPlaceHolder1_ctl' + n + '_ucCal_hlRss').attr({
      title: "Subscribe via RSS"
    }).children('img').attr({
      title: "Subscribe via RSS",
      alt: "Subscribe via RSS"
    });
  } // end function;

//loop method, change the 30 to whatever number you have;
for (var i = 0; i < 30; i++) {
  $('#ctl00_ContentPlaceHolder1_ctl' + i + '_ucCal_hlRss').attr({
    title: "Subscribe via RSS"
  }).children('img').attr({
    title: "Subscribe via RSS",
    alt: "Subscribe via RSS"
  });
} // end for loop;

//using a pre-fetched array of numbers;
var nums = [100, 50, 16, 2];
for (var i = 0; i < nums.length; i++) {
  $('#ctl00_ContentPlaceHolder1_ctl' + nums[i] + '_ucCal_hlRss').attr({
    title: "Subscribe via RSS"
  }).children('img').attr({
    title: "Subscribe via RSS",
    alt: "Subscribe via RSS"
  });
}

//perhaps the easiest way

$('div[id^=ctl00_ContentPlaceHolder1_ctl').attr({
  title: "Subscribe via RSS"
}).children('img').attr({
  title: "Subscribe via RSS",
  alt: "Subscribe via RSS"
});
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ctl00_ContentPlaceHolder1_ctl10_ucCal_hlRss">
  100
  <img src="//placekitten.com/300x300/" />
</div>
<div id="ctl00_ContentPlaceHolder1_ctl12_ucCal_hlRss">
  100
  <img src="//placekitten.com/300x300/" />
</div>
<div id="ctl00_ContentPlaceHolder1_ctl12_ucCal_hlRss">
  100
  <img src="//placekitten.com/300x300/" />
</div>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39400216

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档