js正则匹配以固定字符串开头以固定字符串结尾

Question

js正则匹配以固定字符串开头以固定字符串结尾，将匹配的内容过滤掉
用replace正则怎么写

<table>
    <tr><td>
        <div class='magic_btns'>
            <span class='edit_magicurl selecturl' data-mark='backurl'                   type='magic' title='选择链接'></span>
        </div>
    </td></tr>
    <tr><td>
        <div class='magic_btns'>
            <span class='edit_magicurl selecturl' data-mark='backurl'                   type='magic' title='选择链接'></span>
        </div>
    </td></tr>
</table>

就是要把这个table里面的<div>整个内容给过滤掉，请问用replace正则怎么写？
望答，感激不尽！

Answer 1

按照你给的那段html，可以这样匹配：

html.replace(/<div[\s\w=\'><-]*[\W]*[\w\s><]*(\/div>){1}/g, 'hello');

我在控制台中测了一些这个html，结果是这样：

当然啦，这个只针对你给出的那段html，更多的你可以找个正则工具测验一番。

Answer 2

假设html就是你的所有html，那么：

html.replace(/<div[\s]+[\d\D]*<\/div>/g, '')

Answer 3

附上源码

<table class='magictable'>
                        <tbody><tr>
                            <td class="notempty notempty_0 rows_2 cols_2 hasimg" data-x="0" data-y="0" rowspan="2" colspan="2" data-notempty="0"><a href="javascript:void(0);"><img src="http://192.168.0.211/egoushop/image_spaces/91/a9/27/b2/1437991133730.jpg"></a><div class="magic_btns"><span class="edit_magicurl selecturl" data-mark="backurl" type="magic" title="选择链接"></span><span class="edit_magicimg selectimage" data-mark="magic" title="选择图片"></span><span class="del_magic" title="删除"></span></div></td>
                            
                            <td class="notempty notempty_1 rows_3 cols_2 hasimg" data-x="2" data-y="0" rowspan="3" colspan="2" data-notempty="1"><a href="javascript:void(0);"><img src="http://192.168.0.211/egoushop/image_spaces/91/a9/27/b2/1437964633361.jpg"></a><div class="magic_btns"><span class="edit_magicurl selecturl" data-mark="backurl" type="magic" title="选择链接"></span><span class="edit_magicimg selectimage" data-mark="magic" title="选择图片"></span><span class="del_magic" title="删除"></span></div></td>
                            
                        </tr>
                        <tr>
                            
                            
                            
                            
                        </tr>
                        <tr>
                            <td class="notempty notempty_2 rows_2 cols_2 hasimg" data-x="0" data-y="2" rowspan="2" colspan="2" data-notempty="2"><a href="javascript:void(0);"><img src="http://192.168.0.211/egoushop/image_spaces/91/a9/27/b2/143796463482.jpg"></a><div class="magic_btns"><span class="edit_magicurl selecturl" data-mark="backurl" type="magic" title="选择链接"></span><span class="edit_magicimg selectimage" data-mark="magic" title="选择图片"></span><span class="del_magic" title="删除"></span></div></td>
                            
                            
                            
                        </tr>
                        <tr>
                            
                            
                            <td class="notempty notempty_3 rows_1 cols_2 hasimg" data-x="2" data-y="3" rowspan="1" colspan="2" data-notempty="3"><a href="javascript:void(0);"><img src="http://192.168.0.211/egoushop/image_spaces/91/a9/27/b2/1437964633481.jpg"></a><div class="magic_btns"><span class="edit_magicurl selecturl" data-mark="backurl" type="magic" title="选择链接"></span><span class="edit_magicimg selectimage" data-mark="magic" title="选择图片"></span><span class="del_magic" title="删除"></span></div></td>
                            
                        </tr>
                    </tbody></table>

Answer 4

^ 表示开头 $ 表示结尾