小编Alp*_*Alp的帖子

css或xpath选择器:具有特定值的任何属性的元素

我想匹配HTML Dom树中具有值"foo"的任何属性的所有元素.它应该是CSS或XPath选择器.

我天真的方法就像css选择器一样:

*[*='foo']
Run Code Online (Sandbox Code Playgroud)

正确的语法怎么样?

html css xpath dom css-selectors

5
推荐指数
1
解决办法
533
查看次数

Jquery在网页的完整可见文本上提取带有正则表达式的文本

我知道James Padolsey的jQuery正则表达式插件:http://james.padolsey.com/javascript/regex-selector-for-jquery/

但我需要一些不同的东西:

  1. 正则表达式应该搜索网页的整个可见文本.
  2. 我想获取文本本身,而不是包含它们的元素.

以下内容将匹配要求1,但不符合2:

$('*').filter(function() {
    return this.text().match(/\d\d\d/);
});
Run Code Online (Sandbox Code Playgroud)

知道我怎么能以良好的表现做到这一点?

regex jquery text extract

5
推荐指数
1
解决办法
1万
查看次数

用于查找带有指定<option>标签的<select>的CSS选择器

我需要一个CSS选择器,<select>如果它包含一个<option>包含或等于(两者都符合我的要求)指定文本的元素,则选择该元素.示例HTML:

<select name="foo">
  <option value="1">First</option>
  <option value="2">Second</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我希望<select>它包含例如标记为"Second"的选项.像这样的东西:

select[option:contains('Second')]
Run Code Online (Sandbox Code Playgroud)

如果用CSS选择器无法实现这一点,我也会接受JQuery或XPath选择器.

html jquery xpath css-selectors jquery-selectors

5
推荐指数
1
解决办法
8062
查看次数

无需用户交互的自动Soundcloud PHP Api身份验证

在我的应用程序中,我想将Soundcloud API与我自己的Soundcloud用户一起使用.Soundcloud API身份验证过程涉及将用户重定向到Soundcloud主页,登录并授权应用程序,以便该页面可以为此用户使用API​​.

我想自动完成整个过程,因为我自己的用户是唯一获得身份验证的用户.那可能吗?

到目前为止,这是我的代码:

    $soundcloud = new \Services_Soundcloud(
        '**',
        '**',
        'http://**'
    );

    $authorizeUrl = $soundcloud->getAuthorizeUrl();

    $accessToken = $soundcloud->accessToken();

    try {
        $me = json_decode($soundcloud->get('me'), true);
    } catch (Services_Soundcloud_Invalid_Http_Response_Code_Exception $e) {
        exit($e->getMessage());
    }
Run Code Online (Sandbox Code Playgroud)

但该行$accessToken = $soundcloud->accessToken();抛出异常:

The requested URL responded with HTTP code 401.
500 Internal Server Error - Services_Soundcloud_Invalid_Http_Response_Code_Exception 
Run Code Online (Sandbox Code Playgroud)

php authentication api oauth-2.0 soundcloud

5
推荐指数
1
解决办法
4357
查看次数

DBPedia SPARQL查询应该返回结果但是为空

我想获取具有指定类别和指定键的所有页面.我的查询:

PREFIX dbpedia: <http://dbpedia.org/>
PREFIX dbpedia2: <http://dbpedia.org/property/> 
PREFIX dbpedia-owl: <http://dbpedia.org/ontology/>
PREFIX dcterms: <http://dublincore.org/2010/10/11/dcterms.rdf#>
PREFIX foaf: <http://xmlns.com/foaf/0.1/>
PREFIX geo: <http://www.w3.org/2003/01/geo/wgs84_pos#>
PREFIX grs: <http://www.georss.org/georss/point>
PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
SELECT ?page ?cat ?key ?value (lang(?value) as ?language) WHERE {

  ?page dcterms:subject ?cat .
  ?page ?key ?value .

  FILTER(
    regex(?cat, "category:Amusement_parks_in_the_Netherlands") &&
    ?key = foaf:depiction
  )

}
Run Code Online (Sandbox Code Playgroud)

但它返回零结果.看到这里:SNORQL查询

它应该至少返回此页面:http://dbpedia.org/page/Duinrell(因为它符合标准).

有任何想法吗?

sparql dbpedia

4
推荐指数
1
解决办法
1137
查看次数

确定 html 元素的可见性/真实 z-index

是否可以确定用户是否可以看到 html 元素?

例子

一个页面有一个带有日期选择器的输入字段。如果用户单击输入字段,则会出现另一个 div,允许用户选择所需的日期。

只要日期选择器可见,它就会隐藏它后面的元素。我需要一种方法来判断一个元素是否被隐藏。

第一种方法

一种方法是检查和比较z-index值。但是如果它们被明确设置,它们总是auto.

另一种方法可能是一种检查元素是否对用户可见的方法。但我想不出任何方法来做到这一点。

:visible选择并不在这种情况下工作,因为该元素只隐藏到用户的眼睛,但仍清晰可见。

有什么建议?

html jquery visibility

4
推荐指数
2
解决办法
3326
查看次数

使用jQuery检索和修改元素之前

我想选择一个由CSS选择器创建的元素:before.

我通过使用尝试了$('#element:before'),但是没有用,因为它选择了整个元素,而不仅仅是:before元素.

以下是示例代码:DEMO

在该示例中,只有字符串"1."应该是红色,而不是整个字符串.知道怎么做吗?

html javascript jquery jquery-selectors

4
推荐指数
1
解决办法
6783
查看次数

具有垂直边距的浮动div和标题错误地对齐

我有以下标记:

<div class="twocol float-left">
    <h4>left</h4>
    <p>first</p>
    <p>second</p>
    <p>third</p>
</div>

<div class="twocol">
    <h4>right</h4>
    <p>foo</p>
    <p>bar</p>
    <p>foobar</p>
</div>?
Run Code Online (Sandbox Code Playgroud)

CSS:

.twocol {
    margin-right: 1em;
}

.float-left {
    float: left;
}

h4 {
    margin: 1em 0;
    font-weight: bold;
}
Run Code Online (Sandbox Code Playgroud)

DEMO

问题

标题的垂直位置应相等,但"右" 1 em位于"左"之上.为什么?以及如何解决这个问题?

html css css-float

4
推荐指数
1
解决办法
194
查看次数

Jeet Grid与奇点

对于移动优先网站,我需要一个具有SASS预处理器功能的网格.目前我正在使用Bootstrap 3 Grid工作正常,但似乎缺乏灵活性.特别是我不想让我的html与其他css类混淆,如rowcolumn-4.

我找到了两个有希望的替代

  1. Jeet Grid
  2. 奇异

两者都有强大的工具可以跨越列,更改断点,修改排水沟等.您能简单介绍两者的专业版和内容吗?

css sass singularitygs jeet-grid

4
推荐指数
1
解决办法
2360
查看次数

如何在反应查询中重新获取集合中的单个项目

假设我有一个查询来获取电影集合:

useQuery(['movies'], getMovies)
Run Code Online (Sandbox Code Playgroud)

现在,如果我只想重新获取一部电影而不是所有电影,我可以编写如下内容:

useQuery(['movies', movieId], () => getMovie(movieId))
Run Code Online (Sandbox Code Playgroud)

问题是我使用不同的查询键并且它会重复数据。我会将这部电影放入缓存中两次。

那么,更新获取的集合中的单个项目的反应查询方式是什么?useQuery(['movies'])当获取单个项目时,所有使用的组件都应该自动更新。

normalization reactjs react-query

4
推荐指数
1
解决办法
3382
查看次数