javascript - 遍歷修改<td>標(biāo)簽
問題描述
jquery版本:1.8原代碼
<tr><td>1</td><td>11,12</td></tr><tr><td>2</td><td>21,22</td></tr>
改成
<tr><td>1</td><td><a>11</a><a>12</a></td></tr><tr><td>2</td><td><a>21</a><a>22</a></td></tr>
嘗試過給<td>11,12</td>加入id='img',但是$('#img').eq(1).html()無法獲取到第二行的內(nèi)容.
for(var i=0; $('#img').length; i++){ //$('#img').eq(i).html需要非空判斷 var arr= $('#img').eq(i).html.spilt(); var str; for(var j=0; aar.length; j++){str = '<a>'+arr[j]+'</a>'; } $('#img').eq(i).html(str);}
jQuery不是很熟,一些語法錯(cuò)誤希望大手幫忙改正,給大手們添麻煩了.
問題解答
回答1：不知道你明不明確一點(diǎn)，id是唯一的，一個(gè)html代碼頁面同樣的id名稱只能有一個(gè)！所以$('#img').eq(1)這樣的代碼肯定不符合規(guī)范。
目測(cè)你的代碼把添加id改為添加類class后這樣是沒有問題的，另外可以使用jquery的each方法來遍歷dom節(jié)點(diǎn)：
var $img = $(’.img’);’$img.each(function(index,item){ var aar = $(item).text().split(’,’), str = ’’; arr.forEach(function(item1,index1){str = '<a>'+item1+'</a>'; }); $(item).html(str);});回答2：
$(’tr’).each(function(){ var _arr = $(this).children('td:eq(1)').html().split(','); var _str = ''; for(var i in _arr){_str +='<a>'+_arr[i]+'</a>' } $(this).children('td:eq(1)').html(_str);})回答3：
id只能是唯一的哦，只能取到第一個(gè)值，所以要用class
<!DOCTYPE html><html><head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> <title>test</title> <script type='text/javascript' src='https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js'></script><body> <table> <tr> <td>1</td> <td>11,12</td> </tr> <tr> <td>2</td> <td>21,22</td> </tr> </table></body><script type='text/javascript'>$(function () { $(’tr’).each(function(){ $(this).addClass('img'); // 這里加入class var dom = $(this).find('td').eq(1); dom.each(function () { var arr = $(this).html().split(','); var len = arr.length; var str = ’’; for (let i = 0; i < len; i++) {str += ’<a>’ + arr[i] + '</a>' } console.log($(this), len, str); $(this).html(str); });}); // 這里你可以輸出來看看 console.log($('.img').eq(1).html())})</script></html>
相關(guān)文章：
1. mysql - mybatis 查詢 統(tǒng)計(jì)某個(gè)列數(shù)量 ,根據(jù)一個(gè)列,分組查詢,在xml文件如何接收2. mysql - 查詢數(shù)據(jù)庫某個(gè)字段不重復(fù)的值，按時(shí)間排序，如何寫呢?3. phpStudy怎么把mysql升級(jí)到7.x4. javascript - 用了koa mysql2 一直出現(xiàn)一個(gè)error5. 數(shù)組排序，并把排序后的值存入到新數(shù)組中6. mysql 語法 where 簡寫？7. php多任務(wù)倒計(jì)時(shí)求助8. php - mysql連表統(tǒng)計(jì)查詢9. vue打包和PHP后臺(tái)怎樣同域名部署配置10. 好奇，求大神解答，類似淘寶的大購物量網(wǎng)站，訂單數(shù)據(jù)表該怎么設(shè)計(jì)？
網(wǎng)公網(wǎng)安備