Jquery 查找和显示图像src属性

我遇到了一个问题，一周后我会努力找到。我需要帮助：(

我有一个脚本用于：

<script type="text/javascript">
var list_images = 'image1.jpg|image2.jpg|image3.jpg|image4.jpg|image5.jpg|image6.jpg|image7.jpg';
var images = list_images.split('|');
</script>

---

不幸的是，Blogger编辑器的设计并不能很好地处理代码块

默认情况下，它会在每行末尾添加一个

标记，从而导致格式良好的脚本失败

到目前为止，我所看到的唯一的解决办法并不漂亮

<script type="text/javascript">/*
  */var list_images = /*
  */'image1.jpg|image2.jpg|image3.jpg|image4.jpg|image5.jpg|image6.jpg|image7.jpg';/*
  */var images = list_images.split('|');/*
*/</script>

/*
*/变量列表\u图像=/*
*/'image1.jpg | image2.jpg | image3.jpg | image4.jpg | image5.jpg | image6.jpg | image7.jpg'/*
*/var images=list_images.split（“|”）/*
*/

基本上，从一行末尾到下一行开头的所有内容都必须是注释，这样当Blogger插入

标记时，浏览器就会忽略它们

Blogger注入BRs后的结果：

<script type="text/javascript">/*<br/>
  */var list_images = /*<br/>
  */'image1.jpg|image2.jpg|image3.jpg|image4.jpg|image5.jpg|image6.jpg|image7.jpg';/*<br/>
  */var images = list_images.split('|');/*<br/>
*/</script><br/>

/*

*/var list_images=/*

*/'image1.jpg | image2.jpg | image3.jpg | image4.jpg | image5.jpg | image6.jpg | image7.jpg'；/*

*/var images=list_images.split（“|”）；/*

*/

只需以不同方式拆分文本：

var list_images = '...blah blah...';

var firstPass = list_images.split('src="');

var entry;
//skip first result
for(var i=1;i<firstPass.length;i++){
  entry = firstPass[i];
  firstPass[i] = entry.substr(0,entry.indexOf('"'));
}

//firstPass (you can change the name) now contains the list of src's

var list_images='…诸如此类；
var firstPass=list_images.split（'src=“”）；
风险价值分录；
//跳过第一个结果
对于（var i=1；i假设此HTML位于DOM中，您可以执行以下操作：

<script type="text/javascript">
$(document).ready(function() {
    var src_array = [];

    $('img').each(function() {
        src_array.push(this.src);
    });

    var joined_src = src_array.join('|');
});
</script>

<div></div>
<a href="anything"><img src="image1.jpg"></a>
<a href="anything"><img src="image2.jpg"></a>
<a href="anything"><img src="image3.jpg"></a>
<a href="anything"><img src="image4.jpg"></a>
<a href="anything"><img src="image5.jpg"></a>
<li><img src="image6.jpg"></li>
<li><img src="image7.jpg"></li>
<br/>

要使用Javascript操作文档中的元素，我强烈建议使用某种框架，如Jquery，它可以轻松地查找和操作图像，而无需麻烦，代码如下所示：

$(document).ready(function(){

  //find stuff
  $('img').each(function(){ 

      //do stuff with it
      $(this).attr('[name of the attribute]','[value you want to put in it]');

  });

});

如果您是Javascript新手或没有使用过Jquery，这里是一个很好的起点：
谢谢您，但我的问题是---->var list_images='有一块html，只想获取scr链接并替换为|'。哦，好吧……您不能只编辑变量以只包含src属性吗？（例如，如果您正在其他地方注入此HTML，那么从src图像列表中用JavaScript构建它可能会更容易）如果您一直使用HTML片段，那么您可以按
src=“
进行拆分，然后循环结果（忽略第一个结果）并删除
“
quote character.是的，我无法编辑变量，因为我有更多的旧数据：（.当我更改加载图像的方式时，我对旧数据有问题，我根据注释添加了一个单独的答案..你可以查看此链接以查看html代码吗：（.可能是我太傻了，不知道怎么用。我会尝试但不工作如果你看到我的评论你能帮我吗。我非常感谢你的帮助。在网站上，代码被切断了…for循环的结束括号“
}
”不存在…或者它之后的任何东西…例如，我不确定一旦你有了数组，你想用它做什么？-->使用旧代码。-->我的问题首先将
herf
更改为
href
你不能在JavaScript字符串中跨越多行。嗨，波塔克，我对java和其他方面一无所知。只知道一点tte认为css，我的英语也不好。抱歉，错误是herf和href。你可以看到我的2个链接来查看我的问题。我不知道如何更多地谈论它：（嗨，pimvdb。我的问题是：如何搜索和替换以删除所有内容并提供正确的脚本：这是您第三次问相同的问题。前面两个问题之间有3个答案，可能对您有所帮助。您的个人资料（）显示3个问题。谢谢hansengel，我会尝试在我的代码中使用它。希望我能做到
<script type="text/javascript">
$(document).ready(function() {
    var src_array = [];

    $('img').each(function() {
        src_array.push(this.src);
    });

    var joined_src = src_array.join('|');
});
</script>

<div></div>
<a href="anything"><img src="image1.jpg"></a>
<a href="anything"><img src="image2.jpg"></a>
<a href="anything"><img src="image3.jpg"></a>
<a href="anything"><img src="image4.jpg"></a>
<a href="anything"><img src="image5.jpg"></a>
<li><img src="image6.jpg"></li>
<li><img src="image7.jpg"></li>
<br/>

$(some_html_string).find('img').each(function() {
    ...
});

$(document).ready(function(){

  //find stuff
  $('img').each(function(){ 

      //do stuff with it
      $(this).attr('[name of the attribute]','[value you want to put in it]');

  });

});

//this is your list (this variable will hold your html)
var list_images;

//this varaible will hold array of images
var newList=[]

$(list_images).find('img').each(function(){
      newList.push($(this).attr('src'));
});

//your list is ready acess your variable 'newList'
//this variable hold an array in format
//['image1.jpg','image2.jpg','image3.jpg'];

//the string
var stringList=newList.join('|');

//this will hold a string in format 
// "image1.jpg|image2.jpg}image3.jpg"