1

我目前正在使用以下代码：

jQuery('#book-a-service').click(function(){
 var selectedServices = jQuery('.selected').parent().parent().html();       
 console.log(selectedServices);
});

并返回：

<td rowspan="3">Brakes</td>
  <td class="service-title">BRAKES SET</td>
  <td class="service-description"><p>Setting of front and rear brakes for proper functioning (excluding bleeding)</p></td>
  <td class="service-price">R <span id="price-brakes-set">R75</span><div id="select-brakes-set" class="select-service selected"></div>
</td>

这就是我想要的，除了我需要一个 JSON 中带有“.selected”类的所有元素的数组。我只是想知道我如何几乎可以以只获取 td 标签的内容的方式解析它和至于“服务价格”只有数值，然后我将如何将这些值插入到 json 对象中？

非常感谢任何帮助..

4

2 回答 2

3

jQuery 不是我最强大的框架，但这似乎可以解决问题。

jQuery('#book-a-service').click(function(){
    var selected = jQuery('.selected');
    selected.each( function() {
        var children = jQuery(this).parent().parent().find('td');
        var json = {};
        console.log(children);
        json.type = jQuery(children[0]).text();
        json.title = jQuery(children[1]).text();
        json.description = jQuery(children[2]).find('p').text();
        json.price = jQuery(children[3]).find('span#price-brakes-set').text();
        console.log(json);
        console.log(JSON.stringify(json));
    });
});

在行动：http: //jsfiddle.net/3n1gm4/DmYbb/

于 2013-08-15T20:32:45.557 回答
0

当各种元素共享同一个类并且您使用 $(".class") 选择它们时，您可以使用以下方法遍历所有元素：

$(".selected").each(function() {
    var element = $(this); // This is the object with class "selected" being used in this iteration
    var absoluteParent = $(this).parent().parent();

    // Do whatever you want...

    var title_element = $(".service-title", absoluteParent); // Get service-title class elements in the context provided by "absoluteParent", I mean, "inside" of absoluteParent
    var title = title_element.html();
});

在价格的具体情况下，我不知道确切的价格是多少（可能是R75？）。无论如何，它应该在一个 div 内，然后选择该 div 以获取价格。如果是 R75，请注意“id”属性对于 HTML 中的每个 DOM 对象应该是唯一的。

另请注意，在获取 HTML 时，您只会得到一个 string，而不是实际的元素，因此它对于以简单的方式获取新值可能没有用（您将无法通过 DOM 元素导航普通字符串，即使它表示来自实际对象的 HTML）。始终获取 jQuery 对象并使用它们，除非您确实需要 HTML。

要生成 JSON 字符串，只需创建一个全局数组并在其中添加所需的对象/值。然后您可以使用获取 JSON 字符串var jsonText = JSON.stringify(your_array);

考虑不要在 Javascript 中这样做，因为它在大多数情况下没有用。只需通过 POST 值将值发送到脚本（例如 PHP），然后在 PHP 中您将获得实际值。另一种方式（PHP 到 Javascript）将有助于返回 JSON（使用json_encode($a_php_array)），然后在 Javascript 中使用var my_array = JSON.parse(the_string_returned_by_php);.

于 2013-08-15T20:35:13.533 回答