Question

请在关闭代码后删除第一个字。

以下是整个HTML标记。在这里，我只想删除关闭标签后的“ückeLüneburg”文本，剩下的文本将保持不变。

<p class="more-content" style="display: block;">
    Am 25.10.2017 lädt das Netzwerk
    <a class="more-content-link" href="#" target="_blank" rel="nofollow">#Link</a>
    ückeLüneburg ein zur Veranstaltung
</p>

这可以用jquery吗？

Answer 1

我没有看到你的任何东西（先试试）所以我会帮你做你应该做的事。

<p class="more-content" style="display: block;">Am 25.10.2017 lädt das Netzwerk <a class="more-content-link" href="#" target="_blank" rel="nofollow">#Link</a>ückeLüneburg ein zur Veranstaltung

第1步：您的示例未正确关闭，无论如何，因为Jquery您可以添加ID以使用JQUERY获取ID

结果

<p class="more-content" style="display: block;">Am 25.10.2017 lädt das Netzwerk <a class="more-content-link" href="#" target="_blank" rel="nofollow">#Link</a><span id="myText">ückeLüneburg ein zur Veranstaltung </span></p>

Step2：抓住Jquery（及其中的文字）

let myText = $('#myText').text() // To take 'ückeLüneburg ein zur Veranstaltung'

Step3 ：使用split将字符串拆分为子字符串

let result = myText.split(" "); // This will produce an array

现在你的数组就像这个["ückeLüneburg", "ein", "zur" ,"Veranstaltung"]

接下来我希望你知道该怎么做。

Answer 2

你可以像这样使用jquery来做。但我认为删除这样的词是没有意义的。

首先拆分要删除第一个单词的行。

然后使用ückeLüneburg的0th单词并将其替换为空白字符串。然后将其内容设置为您需要的内容。

var p = $('p')[0];
console.log(p.childNodes[2].textContent.toString().trim().split(' ')[0])
p.childNodes[2].textContent=p.childNodes[2].textContent.toString().replace(p.childNodes[2].textContent.toString().trim().split(' ')[0],'')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="more-content" style="display: block;">
    Am 25.10.2017 lädt das Netzwerk
    <a class="more-content-link" href="#" target="_blank" rel="nofollow">#Link</a>
    ückeLüneburg ein zur Veranstaltung
</p>

Answer 3

您可以使用Javascript / Jquery来实现... 获取p元素的Html，获取索引“”和下一个空格“”charcters ..删除不需要的单词，但连接字符串的其余部分..

txt = $("p.more-content").html();
startIndex = txt.indexOf("</a>") + 4; //4 is length of </a>
endIndex = txt.indexOf(" ",startIndex+1);
updatedtxt = txt.substring(0, startIndex) + txt.substring(endIndex);
$("p.more-content").html(updatedtxt);

JSFiddle Link

如何在使用jquery

3 个答案: