拆分以管道分隔的文本并在JS方法中传递它

Question

Html:

<div class="pageEdit" value="Create|8765678|FOOD=6578~-8765678?|9381">
<a href="https://host:controller">Edit</a>
</div>

我想获取div内部的值，并在拆分管道后在JavaScript方法中传递该值。

$(".pageEdit").on('click',function(event){
var data = $(".pageEdit").text().split("|");
functionPageCreate(data(0),data(1),data(2),data(3));
});

这不起作用。我在JS/jQuery方面没有太多经验。请告诉我该怎么做。

Answer 1

您可以尝试以下代码：

$(".pageEdit").on("click", function (event) {
var data = $(".pageEdit").attr("value").split("|");
functionPageCreate(data(0), data(1), data(2), data(3));
});

Answer 2

您应该使用另一个属性来存储数据。

<div class="pageEdit" data="Create|8765678|FOOD=6578~-8765678?|9381">
<a href="https://host:controller">Edit</a>
</div>

然后使用检索

$(".pageEdit").on("click", function (event) {
var data = $(this).attr("data").split("|");
functionPageCreate(data(0), data(1), data(2), data(3));
});