在我的shopify产品页面上,我设置了它,所以当我点击色样时,会打印出颜色选择。它遵循本文的原则:

我的第二个目标是,当选择其中一种颜色时,我可以打印出具有该颜色描述的页面的page.content。

我遇到的问题是,当我尝试将变量(在.liquid中)设置为等于正在打印的颜色时,我无法获取内容,因为它正从.js文件传递到.liquid文件通过类(.liquid中的span的实际内容为空)。

以下是代码示例,以便您了解:

.js文件

if (variant.option1) {

var fabric = variant.title;

fabric = fabric.replace(/\s+/g, '-').toLowerCase(); //new object assigned to var str

var fabricContent = fabric

$('.variant-fabric-name').text(variant.option1);

if (variant.title) {

$('.variant-fabric-description').text(fabricContent);

}

.liquid文件。

{% if product.options[0] %}

{% capture my_variable %}{% endcapture %}

: {{ pages[my_variable].content }}

{% endif %}

我已经使用了变体标题,并将其设置为小写,并在单词之间添加了一个短划线,以便它可以是我可以创建并匹配的页面句柄。

正如您所看到的,我正在尝试将fabricContent(页面句柄)的值放入.liquid变量my_variable中,以便我可以将其输入页面[page] .content代码,但我不能因为跨度是实际上是空的

html修改span中的内容,在HTML中抓取span的内容相关推荐

  1. python 抓取天涯帖子内容并保存

    python 抓取天涯帖子内容并保存 作者:大捷龙 csdn : http://blog.csdn.net/koanzhongxue ** 分析:天涯的帖子下载可以分为以下几个步骤 手动传入一个帖子首 ...

  2. python自动抓取聊天群内容_python微信聊天机器人改进版,定时或触发抓取天气预报、励志语录等,向好友推送...

    最近想着做一个微信机器人,主要想要实现能够每天定时推送天气预报或励志语录,励志语录要每天有自动更新,定时或当有好友回复时,能够随机推送不同的内容.于是开始了分析思路.博主是采用了多线程群发,因为微信对 ...

  3. 使用CURL构建爬虫,抓取百度百科内容

    实现这个功能的步骤: 首先打开百度百科,在搜索框输入"php"关键词,得到搜索列表,一般都是10条: 然后使用火狐的Firebug分析百度列表的内容组成,主要是html标签,发现去 ...

  4. python爬虫搜特定内容的论文_python基于BeautifulSoup实现抓取网页指定内容的方法...

    python基于BeautifulSoup实现抓取网页指定内容的方法 更新时间:2015年07月09日 10:12:50 作者:光索与诺 这篇文章主要介绍了python基于BeautifulSoup实 ...

  5. PHPcurl抓取AJAX异步内容(转载)

    PHPcurl抓取AJAX异步内容 其实抓ajax异步内容的页面和抓普通的页面区别不大.ajax只不过是做了一次异步的http请求,只要使用firebug类似的工具,找到请求的后端服务url和传值的参 ...

  6. php抓取html元素内容 采集网页

    网页抓取就像搜索引擎一个可以去自动抓取其它服务器上的内容了,下面我整理的几个php常用做法,大家一起来看看. 抓取某一个网页中的内容,需要对DOM树进行解析,找到指定节点后,再抓取我们需要的内容,过程 ...

  7. 视频直播应用,且配有弹幕显示,内容均从斗鱼抓取

    video-live 项目地址:littleMeng/video-live 简介:视频直播应用,且配有弹幕显示,内容均从斗鱼抓取.video-live 项目介绍 视频直播源从斗鱼接口抓取,直播源分析来 ...

  8. php登录页面后抓取页面内容,PHP模拟登陆抓取页面内容

    平时开发中经常会遇到抓取某个页面内容, 但是有时候某些页面需要登陆才能访问, 最常见的就是论坛, 这时候我们需要来使用curl模拟登陆. 大致思路:需要先请求提取 cookies 并保存,然后利用保存 ...

  9. html中抓取span中的值,JavaScript如何获取span元素的文本?

    给定一个HTML文档,如何获取元素的文本?下面本篇文章就来给大家介绍一下使用JavaScript获取元素文本的两种方法,希望对大家有所帮助. 方法1:使用HTML DOM textContent属性 ...

  10. java使用爬虫工具jsoup实现抓取网页的内容及图片并写入到word文档中

    背景: 有个朋友最近让帮忙写个小功能,需求大概是,1万个链接,让爬每个链接中的某一段文章并附一张图片,每五个链接写入到一个word文档中. 基本思路,就是先去找个爬虫框架把链接网页中内容和图片写到wo ...

最新文章

  1. [tarjan] poj 1236 Network of Schools
  2. Python 懂车帝全系车型--参数分析
  3. 如何使用mysql索引查询_MYSQL索引问题:索引在查询中如何使用?
  4. 03-spring_配置bean
  5. 程序员,你想不想进大厂?
  6. 从系列去雨论文看如何创新
  7. Nginx安装及其编译命令、详细教程
  8. 32. Longest Valid Parentheses 最长有效括号
  9. 面向对象的数据库db4o: 安装并使用db4o
  10. ubuntu安装aircrack-ng/reaver/minidwep-gtk用来跑pin
  11. 材料科学需要用计算机吗,计算机在材料科学中的运用分析
  12. ios 使用SourceTree,KDiff3进行代码的冲突解决步骤
  13. 网站服务器带宽多少合适,服务器选择时带宽选多少合适?
  14. Ubuntu 18.04 开机开启小键盘数字键numlock灯
  15. 老年手机英文改中文_老年手机设置成英文怎么办
  16. google的视频下载插件
  17. JS判断是否含有某个字段
  18. Android集成高德Flutter地图(一)基础地图显示
  19. windows 鼠标突然变成锯齿状
  20. 自行车无级变速器设计

热门文章

  1. 霍夫变换(初始学习)
  2. JavaScript 验证API
  3. java String长度与varchar长度匹配理解(字符和字节长度理解)
  4. KVM虚拟化实战精讲[第五章 利用virsh对虚拟机管理]
  5. 一个球从100 米高的自由落下的反弹高度
  6. Android ProgressBar 反向进度条/进度条从右到左走
  7. SQL 把表中字段存储的逗号隔开内容转换成列表形式
  8. 查找删除Code First Entity Framework基本与最佳添加(add/create),删除(delete/remove),修改(update/modify)操作...
  9. 泛型集合中对继承类的转换
  10. 酷我音乐盒里的MV怎么下载