这里我添加了每个'的文字。 cmsCategories的div为item_array,但是.replace()将无法在item_array键上运行。我怎样才能解决这个问题? (在此之后我将把新内容写回div)。任何帮助都会很棒!
使用Javascript:
$(document).ready(function() {
var item_array=new Array();
$("[class=' cmsCategories']").each(function(i, obj) {
item_array.push(obj.innerHTML);
});
item_array[0].replace("icon_dog", "<img src='img/icon_dog.png' alt='icon_dog' />");
item_array[0].replace("icon_cat", "<img src='img/icon_cat.png' alt='icon_cat' />");
alert(item_array[0]);
});
HTML:
<ul class="cmsSmartListResults">
<li>
<div class=" cmsCategories">icon_cat, apple, icon_dog, pear, banana</div>
<a href="" class=" cmsPageLink"></a>
<div class=" cmsDescription"></div>
<div class=" cmsFileSize"></div>
<a class=" cmsMoreLink"></a>
</li>
<li>
<div class=" cmsCategories">apple, icon_dog</div>
<a href="" class=" cmsPageLink"></a>
<div class=" cmsDescription"></div>
<div class=" cmsFileSize"></div>
<a class=" cmsMoreLink"></a>
</li>
<li>
<div class=" cmsCategories">pear, banana</div>
<a href="" class=" cmsPageLink"></a>
<div class=" cmsDescription"></div>
<div class=" cmsFileSize"></div>
<a class=" cmsMoreLink"></a>
</li>
</ul>
答案 0 :(得分:6)
1)替换函数不会更改您传递的字符串(字符串是不可变的):它返回一个新字符串。
做:
var newString = item_array[0].replace(...
或
item_array[0] = item_array[0].replace(...
2)完成此操作后,您必须使用$('someselector').html(item_array[0]);
您需要的完整代码类似于
$("[class=' cmsCategories']").each(function(i, obj) {
var html = $(this).html();
html = html.replace ...
$(this).html(html);
});
答案 1 :(得分:3)
replace方法不会修改原始值。你必须做类似的事情:
item_array[0] = item_array[0]
.replace("icon_dog", "<img src='img/icon_dog.png' alt='icon_dog' />");
答案 2 :(得分:2)
你应该做
item_array[0] =
item_array[0].replace("icon_dog", "<img src='img/icon_dog.png' alt='icon_dog' />")
答案 3 :(得分:2)
我认为您的替换声明不正确。试试这个。
item_array[0] = item_array[0].replace("icon_dog", "<img src='img/icon_dog.png' alt='icon_dog' />");
item_array[0] = item_array[0].replace("icon_cat", "<img src='img/icon_cat.png' alt='icon_cat' />");
答案 4 :(得分:1)
更新了你的jsFiddle,你忘记了array = array.replace。