首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用Jquery,如何使用类'c1'获取所有链接并在href中使用abcdef

使用Jquery,可以使用类名选择器获取所有具有类名为'c1'的元素,然后遍历这些元素,获取它们的href属性并在其中添加'abcdef'。以下是一个示例代码:

代码语言:javascript
复制
$(document).ready(function() {
  $('.c1').each(function() {
    var href = $(this).attr('href');
    if (href.indexOf('abcdef') === -1) {
      href += 'abcdef';
      $(this).attr('href', href);
    }
  });
});

这段代码会在页面加载完成后,遍历所有具有类名为'c1'的元素,获取它们的href属性,并在其中添加'abcdef'。如果href属性中已经包含了'abcdef',则不会重复添加。最后,将修改后的href属性重新设置到元素上。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

前端之JQuery

​ # JQuery是否适用于所有浏览器 # jQuery 团体知道JS在不同浏览器存在着大量的兼容性问题,目前jQuery兼容于所有主流浏览器,包括Internet Explorer 6!...基本选择器 id选择器: $("#id") 标签选择器 $("tagName") Class选择器 $(".className") 配合使用 $("div.c1") // 找到c1 class的div...h1标签的div标签 $("div:has(.c1)")// 找到所有后代中有c1样式的div标签 $("li:not(.c1)")// 找到所有不包含c1样式的li标签 $("li:not(:has...包含了许多维持状态的小部件(Widget),因此,他与典型的JQuery插件使用模式略有不同,所有JQuery UI小部件(Widget)使用相同的模式,所有,只要你学会其中一个,你就知道如何使用其他的小部件...tds内容 // 获取 内容 获取中间的内容 // 赋值给input标签的value ​ }); </script

3.4K50

jquery 获取所有的标签

jQuery获取所有标签在前端开发使用jQuery能够方便地操作DOM元素。有时候我们需要获取页面上所有的HTML标签,可以通过jQuery来实现。...本文将介绍如何使用jQuery获取所有的标签,并展示一个简单的示例代码。使用jQuery获取所有的标签jQuery提供了选择器来筛选和操作DOM元素,通过使用通配符*可以选择所有的标签。...在控制台中会打印出页面上所有标签元素的标签名称。示例代码演示下面是一个简单的示例代码,演示了如何使用jQuery获取所有的标签,并在页面上展示出来:htmlCopy code标签并添加点击事件在以下示例,我们将获取页面中所有的标签(即超链接标签)并为其添加一个点击事件,当用户点击某个超链接时,页面将弹出该超链接的地址。

10310
  • BootStrap

    动态效果是依赖于jQuery使用的,在使用Bootstrap动态效果前需要导入jQuery 下载与安装 方式一:本地(没网可以备选) https://v3.bootcss.com/getting-started...它包含了易于使用的预定义,还有强大的mixin 用于生成更具语义的布局; 简介 栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局。...在栅格列的内容排成一行。 栅格系统的列是通过指定1到12的值来表示其跨越的范围。例如,三个等宽的列可以使用三个 .col-xs-4 来创建。...在栅格系统,是以row为名起手写在名为container的div标签,将.row的div标签等分为12列 <!...组件,link标签href引入使用 不要和其他组件混合使用 图标不能和其它组件直接联合使用

    3.3K10

    python爬虫学习笔记之pyquery模块基本用法详解

    pyquery是pythonjquery ---- PyQuery的使用: 1.安装模块: pip3 install pyquery 2.导入模块: from pyquery import PyQuery...,找出指定元素 ,filter可以有参数,该参数可以是任何 jQuery 选择器的语法, children():获取所有子元素,可以有参数,该参数可以是任何 jQuery 选择器的语法, parent(...):获取父元素,可以有参数,该参数可以是任何 jQuery 选择器的语法, parents():获取祖先元素,可以有参数,该参数可以是任何 jQuery 选择器的语法, siblings():获取兄弟元素....attr.href result22=textParse("a").attr.class_ text():获取文本,子元素也仅仅返回文本 result1=textParse("a").text()...,可以自定义成我自己的格式】 【有时候需要逐层清理再筛选出指定结果,比如<div 123<a </a </div ,如果仅仅想要获取123就可以先删除<a 再获取】 ---- 一个利用pyquery爬取豆瓣新书的例子

    87520

    最常见的 20 个 jQuery 面试问题及答案

    如何使用jQuery来提取一个HTML 标记的属性 例如. 链接href? (答案)   attr() 方法被用来提取任意一个HTML元素的一个属性的值....你首先需要利用jQuery选择及选取到所有链接或者一个特定的链接,然后你可以应用attr()方法来获得他们的href属性的值。...你也还可以看看 用来向DOM添加元素的 appendTo() 方法.   15. 你如何利用jQuery来向一个元素添加和移除CSS?...你如何使用jQuery来提取一个HTML 标记的属性 例如. 链接href? (答案)   attr() 方法被用来提取任意一个HTML元素的一个属性的值....你首先需要利用jQuery选择及选取到所有链接或者一个特定的链接,然后你可以应用attr()方法来获得他们的href属性的值。

    13.8K30

    jQuery筛选器及练习 jQuery初识

    JavaScript特效和动画 HTML DOM遍历和修改 AJAX 下载链接jQuery官网 jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象,jQuery对象是jQuery...$(“#i1”).html()的意思是:获取id值为i1的元素的HTML代码,其中html()是jQuery里的方法。...练习题: 1.找到本页面id是i1的标签 $("#i1") 2.找到本页面中所有的h2标签 $("h2") 3.找到本页面中所有的input标签 $("input") 4.找到本页面所有样式中有...c1的标签 $(".c1") 5.找到本页面所有样式中有btn-default的标签 $(".btn-default") 6.找到本页面所有样式中有c1的标签和所有h2标签...$(".c1,h2") 7.找到本页面所有样式中有c1的标签和id是p3的标签 $(".c1,#p3") 8.找到本页面所有样式中有c1的标签和所有样式中有btn的标签 $(".c1

    99430

    教你分分钟学会用python爬虫框架Scrapy爬取心目中的女神

    ′]即子子孙孙中标签是div且class=‘c1’的标签 查询标签带有某个class=‘c1’并且自定义属性name=‘alex’的标签://div[@class=’c1′][@name=’alex’...6.递归爬取网页 上述代码仅仅实现了一个url的爬取,如果该url的爬取的内容包含了其他url,而我们也想对其进行爬取,那么如何实现递归爬取网页呢? 示例代码: ?...正则匹配,test即匹配,属性名是class,匹配的正则表达式是”item-d*”,然后获取该标签的href属性。...即:需要爬取所有url的公司名,title,qq,基本信息info,更多信息more。 上述定义模板,以后对于从请求的源码获取的数据同样按照此结构来获取,所以在spider需要有一下操作: ?...此处代码的关键在于: 将获取的数据封装在了Item对象 yield Item对象 (一旦parse执行yield Item对象,则自动将该对象交个pipelines的来处理) ?

    2K110

    分分钟学会用python爬取心目中的女神——Scrapy

    ']即子子孙孙中标签是div且class=‘c1’的标签 查询标签带有某个class=‘c1’并且自定义属性name=‘alex’的标签://div[@class='c1'][@name='alex'...5.递归爬取网页 上述代码仅仅实现了一个url的爬取,如果该url的爬取的内容包含了其他url,而我们也想对其进行爬取,那么如何实现递归爬取网页呢? 示例代码: ?...正则匹配,test即匹配,属性名是class,匹配的正则表达式是"item-\d*",然后获取该标签的href属性。...即:需要爬取所有url的公司名,title,qq,基本信息info,更多信息more。 上述定义模板,以后对于从请求的源码获取的数据同样按照此结构来获取,所以在spider需要有一下操作: ?...此处代码的关键在于: 将获取的数据封装在了Item对象 yield Item对象 (一旦parse执行yield Item对象,则自动将该对象交个pipelines的来处理) ? ?

    1.2K30

    Jump Start Bootstrap 第4章

    让我展示一个如何使用这些事件的例子。我已经写了下面的JQuery代码片段去监听所有的下拉插件状态,并打印每个事件触发时的状态。 <!...按钮 在前面的章节,我们看到了如何创建各种类型的按钮。这里,我们将看到使用Bootstrap的JavaScript插件如何在不同的状态使用它们,并且让它们切换状态。...所有复选框类型的输入元素都应该封装在标签元素。这些标签必须有Bootstrap的按钮。在这种情况下,我选择了灰色的按钮。...Tabs选项卡 在前面的章节,我们了解了如何使一组链接看起来像选项卡,但那不是真的选项卡。在本节,我们将创建一些选项卡窗格,将一些虚拟数据放入其中,并使这些选项卡窗格响应相应的选项卡链接。...carousel控制器是使用标记和一个carouselcontrol和一个方向(如左或右)构造的。这些链接href属性应该包含carousel包装的ID。

    28.3K40

    视频网站弹幕开发

    LOL,英雄并不重要,重要的是使用英雄的人) jQuery库 html css 用到的jQuery方法: toggle([speed],[easing],[fn])   用于绑定两个或多个事件处理器函数...这个对象每个属性都表示一个可以变化的样式属性(如“height”、“top”或“opacity”)。注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left.   ...如果使用的是“hide”、“show”或“toggle”这样的字符串值,则会为该属性调用默认的动画形式。   在 jQuery 1.2 ,你可以使用 em 和 % 单位。...另外,在 jQuery 1.2 ,你可以通过在属性值前面指定 "+=" 或 "-=" 来让元素做相对运动。... step 4:写css部分代码(太多了,我也是想到什么就写什么的,没什么头绪)   如:根据上面块的划分:    open 只有一个链接

    50710

    微信硬件平台对接--蓝牙

    获取设备deviceid和二维码URL  使用的是新接口不需要厂商提供deviceid http://iot.weixin.qq.com/wiki/document-2_11.html官网的接口介绍请仔细自行查看...String auth_key; // auth及通信的加密key,第三方需要将key烧制在设备上(128bit),格式采用16进制串的方式(长度为32字节),不需要0X前缀,如: 1234567890ABCDEF1234567890ABCDEF...1.点击绑定并进入公众号 后台会收到相关的事件  博主没有做处理只是一个简单的获取 ?     2.在公众号里面会显示链接状态 显示已连接一个设备 ?    ...="css/jquery.mobile-1.4.5.css"> <script src..."startScanWXDevice",//扫描设备(获取周围所有的设备列表,无论绑定还是未被绑定的设备都会扫描到) "stopScanWXDevice

    4.2K120

    数据获取:​网页解析之BeautifulSoup

    链接1'} name其实就是获取标签的名称,这个是使用的不多,毕竟在日常使用的时候都会知道需要找哪些标签的内容。...不过在实际应用上,我们使用遍历的还是少数,使用搜索的还是多数,现在很多网页的元素很丰富,我们很少会把一个页面所有内容都获取下来,基本是需要的重点内容,这对于遍历来说,搜索更加显得便捷实用。...代码结果: [第一个链接] 3. kwargs参数: 搜索所有a标签herf带“1”的标签 links = soup.find_all..., 第二个链接] 2.通过CSS样式名查找 查找样式名为c1的标签 links = soup.select('.c1...') print(links) 代码结果: [第一个链接] 3.通过标签属性查找 查找属性

    21330

    前端之jQuery

    #id") 标签选择器: $("tagName") class选择器: $(".className") 配合使用: $("div.c1") // 找到有c1 class的div标签 所有元素选择器:...(指的是从后代元素找) 例子: $("div:has(h1)")// 找到所有后代中有h1标签的div标签 $("div:has(.c1)")// 找到所有后代中有c1样式的div标签 $("li:not...(.c1)")// 找到所有不包含c1样式的li标签 $("li:not(:has(a))")// 找到所有后代不含a标签的li标签 3.2表单筛选器 表单筛选器和其他筛选器相比只是可以将标签名省去...$("div").filter(".c1") // 从结果集中过滤出有c1样式的 等价于 $("div.c1") 补充: .first() // 获取匹配的第一个元素 .last() // 获取匹配的最后一个元素...--为每一个li标签添加c1--> 注意: jQuery的方法返回一个jQuery对象,遍历jQuery集合的元素 - 被称为隐式迭代的过程。

    4.9K21
    领券