搜索和與ALT值替換內TD img標籤

var full_data = table.innerHTML; 
console.log(full_data);

輸出：搜索和與ALT值替換內TD img標籤

<caption>For demo purpose: CP</caption><colgroup align="center"></colgroup><colgroup align="left"></colgroup><colgroup span="2" align="center"></colgroup><colgroup span="3" align="center"></colgroup><thead valign="top"><tr><th>ID<br>no</th><th>Name</th><th>Col1</th><th>Col2</th><th>Col<br>3</th><th>Col<br>4</th><th>Col<br>5</th></tr></thead><tbody><tr><td>1200</td><td style="background-color: #00f; color: #fff">Testing</td><td></td><td></td><td>X</td><td>X</td><td>*</td></tr><tr><td>1250</td><td style="font-weight: bold"><a href="http://www.google.com/">http://www.google.com/</a></td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1251</td><td><img src="https://www.google.co.in/images/srpr/logo11w.png" alt="google" title="google title" widht="20px" height="20px"></td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1252</td><td>Windows 98</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1253</td><td>Windows 2000</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1254</td><td>Windows ME</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td></tr><tr><td>1255</td><td>Hebrew</td><td>X</td><td></td><td></td><td></td><td>X</td></tr><tr><td>1256</td><td>Arabic</td><td>X</td><td></td><td></td><td></td><td>X</td></tr><tr><td>1257</td><td>Baltic</td><td>X</td><td></td><td></td><td></td><td>X</td></tr><tr><td>1361</td><td>Hindi</td><td>X</td><td></td><td></td><td>**</td><td>X</td></tr></tbody><tbody><tr><td>437</td><td>MS-DOS</td><td></td><td>X</td><td>X</td><td>X</td><td>X</td></tr><tr><td>708</td><td>Say what again</td><td></td><td>X</td><td></td><td></td><td>X</td></tr><tr><td>709</td><td>CP</td><td></td><td>X</td><td></td><td></td><td>X</td></tr><tr><td>710</td><td>What</td><td></td><td>X</td><td></td><td></td><td>X</td></tr><tr><td>720</td><td>OK Done</td><td></td><td>X</td><td></td><td></td><td>X</td></tr></tbody>

在輸出中有一個td作爲

<td><img src="https://www.google.co.in/images/srpr/logo11w.png" alt="google" title="google title" widht="20px" height="20px"></td>

我想尋找這樣的情況下，在td內部有img，然後用其替換完整的img標籤值。所以上面會變成。

<td>google</td>

這又如何使用JavaScript或jQuery的做什麼？

來源

2014-02-20 Chankey Pathak

請縮進貼出代碼 –

您可以使用replaceWith()：

$('td > img[alt]').each(function() { 
    if($(this).siblings().length === 0) $(this).replaceWith($(this).attr('alt')); 
});

來源

2014-02-20 10:16:34 techfoobar

也許你可以我們e作爲選擇器：''td> img [alt]'' –

@ A.Wolff - Tks。這很有道理。 – techfoobar

你可以這樣做：

$('td').each(function() { 
    if($(this).find('img').length) { 
     $(this).html($(this).attr('alt')); 
    }); 
});

來源

2014-02-20 10:19:12 Felix

使用正則表達式是更輕

full_data.replace(new RegExp("<td>.*?alt=\"(.*?)\".*?</td>"), "<td>$1</td>")

來源

2014-02-20 10:24:06

你的正則表達式不工作，檢查這個：http://jsfiddle.net/chankeypathak/7cwZ9/7/ –

假設每個img都有attr alt，使用'full_data.replace（new RegExp（「」，「g」）），「$ 1」）代替 –

搜索和與ALT值替換內TD img標籤

回答

相關問題