HTML文档格式化,根据模式删除<br/>

时间:2013-10-08 14:25:12

标签: javascript jquery html

我有一个遵循这种模式的HTML文档:

text1
text2
number
<br>

基本上是这样的:

<div id = "stuff">
Jacksonville Que
<br>
Jack Johnson Qc
<br>
160,786,000
<br>
Janesonville pour l'elaboration de
<br>
Janesonville for policy of
<br>
150,585,685
<br>
......
</div>

我基本上想把这些信息存入一张表,所以它看起来像:

-----------------------------------------
|Text1 Text2 Text3 | Number             |
-----------------------------------------

我知道我可以这样做:

$("#stuff").map(function(){ return $(this).text() }).get().join(', ')

但这会删除所有<br>s - 我无法提出将该模式考虑在内的代码。这变得更成问题,因为在数字之前可以有1行文本或3 - 未设置,唯一的REAL定义模式是当呈现数字然后行结束,并且新行开始。

4 个答案:

答案 0 :(得分:1)

在此过程中进行一些检查可以解决:

var table = $('<table />');
var tr    = $('<tr />');

$("#stuff").contents().each(function(i, node) {
    if (node.nodeType === 3 && 'nodeValue' in node && node.nodeValue.trim().length) {
        node = node.nodeValue.trim();
        var isNumb = !isNaN(parseInt(node.replace(/\,/g,'').trim()));

        $('<td />', {text: node}).appendTo(tr);
        tr = isNumb ? $('<tr />') : tr; // if number, create new row
        table.append(tr);
    }
});

FIDDLE

答案 1 :(得分:1)

投入我的2美分:

fiddle

<div id = "stuff">
    Jacksonville Que
    <br/>
    Jack Johnson Qc
    <br/>
    160,786,000
    <br/>
    Janesonville pour l'elaboration de
    <br/>
    Janesonville for policy of
    <br/>
    Janesonville for zczdzc policy offff
    <br/>
    150,585,685
    <br/>
</div>

JS:

var str = jQuery('#stuff').text();
var tokens = str.split(/\n/);
var val = '';
var j = 0;
var out = [];
out[j] = [];
for(var i = 0; i < tokens.length; i++){
    val = tokens[i].trim();
    if(val !== ''){
        out[j].push(val);
        if(val.match(/(\d+,?)/)){
            j++;
            out[j] = [];
        }
    }

}
out.pop();
console.log(out);

输出数组,然后随便用它做

[
Array[3]
0: "Jacksonville Que"
1: "Jack Johnson Qc"
2: "160,786,000"
, 
Array[4]
0: "Janesonville pour l'elaboration de"
1: "Janesonville for policy of"
2: "Janesonville for zczdzc policy offff"
3: "150,585,685"
]

答案 2 :(得分:0)

可能是因为您正在使用.text() 尝试将其与.html()

一起使用

答案 3 :(得分:0)

var arr = $.grep($("#stuff").text().split("\n"), function(n, i) {
    if (n != "") return n;
});
var result = new Array();
$.each(arr, function(i, n) {
    result.push(n);
    if (((i + 1)%3) == 0) {
        console.debug(result.join(" "));
        result = new Array();
    }
});

结果:

Jacksonville Que Jack Johnson Qc 160,786,000 
Janesonville pour l'elaboration de Janesonville for policy of 150,585,685