1

我想要完成的是抓取一些嵌入式数据,并以特定方式(颜色、位置等)输出。例如,我们把嵌入的数据<div class="previous">$e://Field/DTBEG}</div>放在问题文本中,但我想抓取它并直接插入到输入字段下(我认为我们不能直接在 Qualtrics 中做,所以这里需要自定义 JS)。

所以在问题文本中,我有:

<div>1a. Reporting Period: Beginning</div>
<div class="previous date">${e://Field/DTBEG}</div>

其中DTBEG数据可能为空,或者可能是代表日期的 5/6 位。调查的标题有:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
    var $j = jQuery.noConflict();
</script>

如他们的文档中所述

因此,在 jQuery 中,我可以使用 访问该字段的先前数据$j(".previous"),但问题是 Qualtrics 实际上在我的问题中放置了 2 个(或更多,取决于问题类型)<div class="previous date"></div>字段。这现在非常具有误导性,因为每个嵌入的数据都可能有额外的“以前的”div,所以我无法确定嵌入的数据是否只是空的,或者这是否是一个重复的字段。

...
<h2 class="noStyle">
    <label class="QuestionText BorderColor">
        <div>1b. Reporting Period: End</div>
        <div class="previous date">33113</div> <!-- first instance of the div, this seems to be visible -->
    </label>
</h2>
<fieldset>
    <div class="QuestionBody">
        <table class="ChoiceStructure" border="0" cellpadding="0" cellspacing="0" summary=" 1b.&amp;nbsp; Reporting Period:&amp;nbsp; End&amp;nbsp; 33113 " style="width:710px">
        <caption class="QuestionText BorderColor">
            <div>1b. Reporting Period: End</div>
            <div class="previous date">33113</div> <!-- second instance of the div, this seems to be hidden -->
        </caption>
        ...
    </div>
</fieldset
...

有没有更好的方法来完成我想要做的事情?我很好地编写自己的 JS 来这样做,但到目前为止,因为 Qualtrics 的 HTML 输出并不完全符合我的预期,我遇到了问题。

4

1 回答 1

1

在必要的问题中尝试以下 javascript:

Qualtrics.SurveyEngine.addOnload(function()
{

$$('.QuestionBody')[0].insert($$('.previous')[0]);

});

与其使用 jQuery 并且不得不去麻烦,这使用了 PrototypeJS 中的烘焙。选择器

$$('.class')

将返回一个元素数组。由于您的“上一个”类只有并且应该只有 1 个元素,因此它是数组中的第一个也是唯一一个元素。为“.QuestionBody”数组选择的数字需要根据页面上的问题数量以及它们的显示位置进行调整。

还值得注意的是

$('idName') 

可用于选择具有 id 的元素,并且不返回数组。

于 2015-06-19T17:34:43.823 回答