Question

我想使用jQuery使用数据属性检索的字符串选择文档元素我有一个元素，其数据属性包含一个选择器。

HTML：

<div class="some-element" data-scroll-target="document"></div>

使用Javascript：

var $container = $('.some-element');
var scrollTarget = $container.data('scroll-target');
// This will not return the document because `scrollTarget` is a string.
// Equal to $('document')
var $shouldBeDocument = $(scrollTarget);

有没有办法用String定位文档？

Answer 1

如果scrollTarget文字是“文档”，请使用document对象，如果不使用文字：

var $container = $('.some-element');
var scrollTarget = $container.data('scroll-target');
// if the text is document, use the document object
var target = scrollTarget === 'document' ? document : scrollTarget; 
var $shouldBeDocument = $(target);

console.log(target);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="some-element" data-scroll-target="document"></div>

Answer 2

试试这个来获取文件。

var scrollTarget = $('.some-element').attr('data-scroll-target');
console.log(scrollTarget);

Answer 3

console.log($('*[data-scroll-target="document"]').html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div class="some-element" data-scroll-target="document">document</div>

<div class="some-element" data-scroll-target="file">file</div>

如何使用jQuery按字符串选择文档

3 个答案: